/*
 * Smoothbox v20070814 by Boris Popoff (http://gueschla.com)
 *
 * Based on Cody Lindley's Thickbox, MIT License
 *
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */

// on page load call TB_init
window.addEvent('domready', TB_init);

// prevent javascript error before the content has loaded
TB_WIDTH = 0;
TB_HEIGHT = 0;
var TB_doneOnce = 0 ;

// add smoothbox to href elements that have a class of .smoothbox
function TB_init(){
	$$("a.smoothbox").each(function(el){el.onclick=TB_bind});
}

function TB_bind(event) {
	var event = new Event(event);
	// stop default behaviour
	event.preventDefault();
	// remove click border
	this.blur();
	// get caption: either title or name attribute
	var caption = this.title || this.name || "";
	// get rel attribute for image groups
	var group = this.rel || false;
	// display the box for the elements href
	TB_show(caption, this.href, group);
	this.onclick=TB_bind;
	return false;
}


// called when the user clicks on a smoothbox link
function TB_show(caption, url, rel) {

	// create iframe, overlay and box if non-existent

	if ( !$("TB_overlay") )
	{
		new Element('iframe').setProperty('id', 'TB_HideSelect').injectInside(document.body);
		$('TB_HideSelect').setOpacity(0);
		new Element('div').setProperty('id', 'TB_overlay').injectInside(document.body);
		$('TB_overlay').setOpacity(0);
		TB_overlaySize();
		new Element('div').setProperty('id', 'TB_load').injectInside(document.body);
		$('TB_load').innerHTML = "<img src='/images/layout/laddar.gif' />";
		TB_load_position();
		new Fx.Style('TB_overlay', 'opacity',{duration: 0, transition: Fx.Transitions.sineInOut}).start(0,0.6);
	}
	
	if ( !$("TB_load") )
	{		
		new Element('div').setProperty('id', 'TB_load').injectInside(document.body);
		$('TB_load').innerHTML = "<img src='/images/layout/laddar.gif' />";
		TB_load_position();
	}
	
	if ( !$("TB_window") )
	{
		new Element('div').setProperty('id', 'TB_window').injectInside(document.body);
		$('TB_window').setOpacity(0);
	}
	
	$("TB_overlay").onclick=TB_remove;
	window.onscroll=TB_positionEffect;

	// check if a query string is involved
	var baseURL = url.match(/(.+)?/)[1] || url;

	// regex to check if a href refers to an image
	var imageURL = /\.(jpe?g|png|gif|bmp)/gi;

	// check for images
	if ( baseURL.match(imageURL) ) {
		var dummy = { caption: "", url: "", html: "" };
		
		var prev = dummy,
			next = dummy,
			imageCount = "";
			
		// if an image group is given
		if ( rel ) {
			function getInfo(image, id, label) {
				return {
					caption: image.title,
					url: image.href,
					html: "<span id='TB_" + id + "'>&nbsp;&nbsp;<a href='#'>" + label + "</a></span>"
				}
			}
		
			// find the anchors that point to the group
			var imageGroup = [] ;
			$$("a.smoothbox").each(function(el){
				if (el.rel==rel) {imageGroup[imageGroup.length] = el ;}
			})

			var foundSelf = false;
			
			// loop through the anchors, looking for ourself, saving information about previous and next image
			for (var i = 0; i < imageGroup.length; i++) {
				var image = imageGroup[i];
				var urlTypeTemp = image.href.match(imageURL);
				
				// look for ourself
				if ( image.href == url ) {
					foundSelf = true;
					imageCount = "Image " + (i + 1) + " of "+ (imageGroup.length);
				} else {
					// when we found ourself, the current is the next image
					if ( foundSelf ) {
						next = getInfo(image, "next", "Next &gt;");
						// stop searching
						break;
					} else {
						// didn't find ourself yet, so this may be the one before ourself
						prev = getInfo(image, "prev", "&lt; Prev");
					}
				}
			}
		}
		
		imgPreloader = new Image();
		imgPreloader.onload = function() {
			imgPreloader.onload = null;

			// Resizing large images
			var x = window.getWidth() - 150;
			var y = window.getHeight() - 150;
			var imageWidth = imgPreloader.width;
			var imageHeight = imgPreloader.height;
			if (imageWidth > x) {
				imageHeight = imageHeight * (x / imageWidth); 
				imageWidth = x; 
				if (imageHeight > y) { 
					imageWidth = imageWidth * (y / imageHeight); 
					imageHeight = y; 
				}
			} else if (imageHeight > y) { 
				imageWidth = imageWidth * (y / imageHeight); 
				imageHeight = y; 
				if (imageWidth > x) { 
					imageHeight = imageHeight * (x / imageWidth); 
					imageWidth = x;
				}
			}
			// End Resizing
			
			// TODO don't use globals
			TB_WIDTH = imageWidth + 110;
			TB_HEIGHT = imageHeight + 160;
			
			// TODO empty window content instead
			$("TB_window").innerHTML += "<div id='TB_title'><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close' style='color:#fff'>Stäng förstoring</a></div></div><div style='background:#fff;padding:40px;' id='TB_iframeContent' ><a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"' style='border:0px;' /></a></div>" + "<div id='TB_caption'><div id='TB_secondLine'>" + imageCount + prev.html + next.html + "</div></div>";
			
			$("TB_closeWindowButton").onclick = TB_remove;
			
			function buildClickHandler(image) {
				return function() {
					$("TB_window").remove();
					new Element('div').setProperty('id', 'TB_window').injectInside(document.body);
					
					TB_show(image.caption, image.url, rel);
					return false;
				};
			}
			var goPrev = buildClickHandler(prev);
			var goNext = buildClickHandler(next);
			if ( $('TB_prev') ) {
				$("TB_prev").onclick = goPrev;
			}
			
			if ( $('TB_next') ) {		
				$("TB_next").onclick = goNext;
			}
			
			document.onkeydown = function(event) {
				var event = new Event(event);
				switch(event.code) {
				case 27:
					TB_remove();
					break;
				case 190:
					if( $('TB_next') ) {
						document.onkeydown = null;
						goNext();
					}
					break;
				case 188:
					if( $('TB_prev') ) {
						document.onkeydown = null;
						goPrev();
					}
					break;
				}
			}
			
			// TODO don't remove loader etc., just hide and show later
			$("TB_ImageOff").onclick = TB_remove;
			TB_position();
			TB_showWindow();
		}
		imgPreloader.src = url;
		
	} else { //code to show html pages
		
		var queryString = url.match(/\?(.+)/)[1];
		var params = TB_parseQuery( queryString );
		
		TB_WIDTH = (params['width']*1) + 30;
		TB_HEIGHT = (params['height']*1) + 40;

		var ajaxContentW = TB_WIDTH - 30,
			ajaxContentH = TB_HEIGHT - 45;
		
		if(url.indexOf('TB_iframe') != -1){				
			urlNoQuery = url.split('TB_');		
			$("TB_window").innerHTML += "<div id='TB_title'><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close' style='color:#fff;text-decoration:none;'>St&auml;ng f&ouml;nstret</a></div></div><iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' name='TB_iframeContent' style='width:"+(ajaxContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;' onload='TB_showWindow()'> </iframe>";
		} else {
			$("TB_window").innerHTML += "<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'>close</a></div></div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>";
		}
				
		$("TB_closeWindowButton").onclick = TB_remove;
		
			if(url.indexOf('TB_inline') != -1){	
				$("TB_ajaxContent").innerHTML = ($(params['inlineId']).innerHTML);
				TB_position();
				TB_showWindow();
			}else if(url.indexOf('TB_iframe') != -1){
				TB_position();
				if(frames['TB_iframeContent'] == undefined){//be nice to safari
					$(document).keyup( function(e){ var key = e.keyCode; if(key == 27){TB_remove()} });
					TB_showWindow();
				}
			}else{
				var handlerFunc = function(){
					TB_position();
					TB_showWindow();
				};
				var myRequest = new Ajax(url, {method: 'get',update: $("TB_ajaxContent"),onComplete: handlerFunc}).request();
			}
	}

	window.onresize=function(){ TB_position(); TB_load_position(); TB_overlaySize();}  
	
	document.onkeyup = function(event){ 	
		var event = new Event(event);
		if(event.code == 27){ // close
			TB_remove();
		}	
	}
		
}

//helper functions below

function TB_showWindow(){
	//$("TB_load").remove();
	//$("TB_window").setStyles({display:"block",opacity:'0'});
	
	if (TB_doneOnce==0) {
		TB_doneOnce = 1;
		var myFX = new Fx.Style('TB_window', 'opacity',{duration: 0, transition: Fx.Transitions.sineInOut, onComplete:function(){if ($('TB_load')) { $('TB_load').remove();}} }).start(0,1);
	} else {
		$('TB_window').setStyle('opacity',1);
		if ($('TB_load')) { $('TB_load').remove();}
	}
}

function TB_remove() {
 	$("TB_overlay").onclick=null;
	document.onkeyup=null;
	document.onkeydown=null;
	
	if ($('TB_imageOff')) $("TB_imageOff").onclick=null;
	if ($('TB_closeWindowButton')) $("TB_closeWindowButton").onclick=null;
	if ( $('TB_prev') ) { $("TB_prev").onclick = null; }
	if ( $('TB_next') ) { $("TB_next").onclick = null; }

	new Fx.Style('TB_window', 'opacity',{duration: 0, transition: Fx.Transitions.sineInOut, onComplete:function(){$('TB_window').remove();} }).start(1,0);
	new Fx.Style('TB_overlay', 'opacity',{duration: 0, transition: Fx.Transitions.sineInOut, onComplete:function(){$('TB_overlay').remove();} }).start(0.7,0);

	window.onscroll=null;
	window.onresize=null;	
	
	$('TB_HideSelect').remove();
	TB_init();
	TB_doneOnce = 0;
	return false;
}

function TB_position() {
	$("TB_window").setStyles({width: TB_WIDTH+'px', 
				 left: (window.getScrollLeft() + (window.getWidth() - TB_WIDTH)/2)+'px',
				 top: (window.getScrollTop() + (100))+'px'});
}

function TB_positionEffect() {
	new Fx.Styles('TB_window', {duration: 0, transition: Fx.Transitions.sineInOut}).start({
		'left':(window.getScrollLeft() + (window.getWidth() - TB_WIDTH)/2)+'px',
		'top':(window.getScrollTop() + (100))+'px'});
}

function TB_overlaySize(){
	// we have to set this to 0px before so we can reduce the size / width of the overflow onresize 
	$("TB_overlay").setStyles({"height": '0px', "width": '0px'});
	$("TB_HideSelect").setStyles({"height": '0px', "width": '0px'});
	$("TB_overlay").setStyles({"height": window.getScrollHeight()+'px', "width": window.getScrollWidth()+'px'});
	$("TB_HideSelect").setStyles({"height": window.getScrollHeight()+'px',"width": window.getScrollWidth()+'px'});
}

function TB_load_position() {
	if ($("TB_load")) { $("TB_load").setStyles({left: (window.getScrollLeft() + (window.getWidth() - 56)/2)+'px', top: (window.getScrollTop() + ((window.getHeight()-20)/2))+'px',display:"block"}); }
}

function TB_parseQuery ( query ) {
	// return empty object
	if( !query )
		return {};
	var params = {};
	
	// parse query
	var pairs = query.split(/[;&]/);
	for ( var i = 0; i < pairs.length; i++ ) {
		var pair = pairs[i].split('=');
		if ( !pair || pair.length != 2 )
			continue;
		// unescape both key and value, replace "+" with spaces in value
		params[unescape(pair[0])] = unescape(pair[1]).replace(/\+/g, ' ');
   }
   return params;
}


function clearText(field){

    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;

}
function changeDiv($id) {
	if ($('erb_1')) {
		//Flikarna
		$$('.fliksubtop').each(function(item){
			item.setStyle('color', '#FF9970');
			item.setStyle('border-bottom', '1px solid #e95216');
		});
		
		//Content
		$$('.erb').each(function(item){
			item.setStyle('visibility', 'hidden');
			item.setStyle('position', 'absolute');
			item.setStyle('top', '0px');
			item.setStyle('top', '0px');
		});
		if (parseInt($id) > 0) {
            $('erb_' + $id).setStyle('visibility', 'visible');
            $('erb_' + $id).setStyle('z-index', '10');
            $('ferb_' + $id).setStyle('color', '#e95216');
            $('ferb_' + $id).setStyle('border-bottom', '1px solid #fff');
		}
        else {
            $('erb_1').setStyle('visibility', 'visible');
            $('erb_1').setStyle('z-index', '10');
            $('ferb_1').setStyle('color', '#e95216');
            $('ferb_1').setStyle('border-bottom', '1px solid #fff');
		}
	}	
}

function rosta($id, $hur) {
	if($hur==1) {
		$hur='plus';
	}
	else {
		$hur='minus';
	}
	new Ajax('/rosta/'+$hur+'/'+$id, {method: 'get', update: 'resultat-'+$hur+'-'+$id}).request();
}

function rabattkod_info(url, element, kod, target, tooltip)
{
	// Öppna url
	var left = window.screen.width-820;
	window.open(url, 'mywindow','width=800,height=600,toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,copyhistory=yes,top=20, left=' + left);
	
	// Byt ut innehåll
	var element_id = Math.floor(Math.random()*4000);
	width = kod.length * 11;
	
	if(kod.length < 6)
	{
		width = width + 15;
	}
	
	document.getElementById(target).innerHTML = "<input type=\"text\" style=\"width: " + width + "px;\" class=\"rabattkod_text\" onclick=\"SelectAll('" + element_id + "');\" value=\"" + kod + "\" id=\"" + element_id + "\" readonly=\"\"/>";
	//element.onclick=null;
	document.getElementById(tooltip).onmouseover = null;
	document.getElementById(tooltip).onclick = null;
	document.getElementById(tooltip).style.cursor = "default";
	document.getElementById(element).innerHTML = "Gå till butik";
	document.getElementById(element).onclick = function() {
		window.open(url, 'mywindow','width=800,height=600,toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,copyhistory=yes,top=20, left=' + left);
	};
}

function show_tooltip(calling, id, message)
{
	// Om elementets tooltip inte finns, skapa
	if(!document.getElementById(id))
	{
		// Hämta koordinater för id
		calling_width = calling.offsetWidth + 50;
		calling_top = calling.offsetTop + 2;
	
		// Skapa element
		var new_tooltip = document.createElement('div');
		new_tooltip.setAttribute('id',id);
		new_tooltip.setAttribute('class','kampanj_tooltip');
		new_tooltip.setAttribute('style','left: ' + calling_width + 'px; top: ' + calling_top + 'px; display: none;');
		new_tooltip.innerHTML =  message;
		document.getElementById('sida').appendChild(new_tooltip);
	}
	
	// Visa tooltip
	document.getElementById(id).style.display = "block";
}

function hide_tooltip(id)
{
	// Göm tooltip
	document.getElementById(id).style.display = "none";
}

function SelectAll(id){
    document.getElementById(id).focus();
    document.getElementById(id).select();
}

//
// Nyhetsbrevsanmälan
//


/*
window.addEvent('domready', subscribe_init);

function subscribe_init() 
{
	// Klick på knappen
	$('subscribe_newsletter').addEvent('click', function(event) 
	{
		send_subscription();
	});
	
	// Enter i fältet
	$('keyword_field').addEvent('keyup', function(event) {
		if(e.keyCode == 13)
		{
  			send_subscription();
  		}
	});
}
*/

function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
};

function send_subscription()
{
    email = $('email_address').value;
    
    /*
    // Om email verkar ogiltig
    if( !isValidEmailAddress( email ) ) 
    {
        alert('Du måste ange en giltig e-postadress!');
        $('email_address').removeAttr('disabled');
        return false;
    }
    /
    
    // Inaktivera epostfält
    //$('#email_address').attr("disabled", true);
    
    // Skicka e-postadress 
    /*   
    $.ajax({
        url: "http://www.gratislandet.se/nyhetsbrev/addsubscriber",
        type: "post",
        data: {"email": email},
        // callback handler that will be called on success
        success: function(response, textStatus, jqXHR){
            // Visa meddelande
            $('#form_field').fadeOut('slow', function() {
			    $(this).html('<strong>Tack, du får ny vårt nyhetsbrev!</strong>').fadeIn('slow');
			});
        },
        // callback handler that will be called on error
        error: function(jqXHR, textStatus, errorThrown){
        	$('#email_address').removeAttr('disabled');
            alert('Ett fel uppstod, försök skicka e-postadressen igen!');
        }
    });  
    */
}