// Author: Kim Gunnarsson hello@kimgunnarsson.com

$(document).ready(function() {
	
	// Sätt boxarna på startsidan till samma höjd
	var BoxHeight = $('.box1').height();
	$('.box2').height(BoxHeight);
	
	
	// SLIDA TILL VÄNSTER
	$('a.slide-left').click(function (event){
		var siffra = $("#inner").css("margin-left").replace("px", "");
		
		if (siffra == 0 ) { return false }
		else{
			$('#inner').stop().animate({"marginLeft": "+=835px"}, 500, 'easeInOutCubic');
			event.preventDefault();
		}
	});
	
	// SLIDA TILL HÖGER
	$('a.slide-right').click(function (event){
		var siffra = $("#inner").css("margin-left").replace("px", "");
			
		if (siffra == '-2505' ) { return false}
		else{
			$('#inner').stop().animate({"marginLeft": "-=835px"}, 800, 'easeInOutCubic'); 
			event.preventDefault();
		}
	});
	
	// Visar subkategorier i sortimtentet
	$('#sidebar ul li').has('ul.children').addClass('parent');
	$('li.current-cat').parent("ul.children").show();
	
	$('li.parent>a').click(function (event){
		$(this).parent("li").children('ul').toggle();
		event.preventDefault();
	});
	
	
	// kollar hur många produkter det finns i sortimentet	
	var howmany = ( $(".mimikbox").length );

	// sätter en dynamisk id på alla produkter i sortimentet
	$('.sortiment-content ul li .mimikbox').each( function(i){
		$(this).attr({ id: ++i });
	})
	
	// Click event för boxarna
	$('a.boxclick').click(function(e){
		$('.sortiment-content ul li .mimikbox').removeClass('current');
		$(this).siblings('div.mimikbox').addClass('current').show(500);
		numberit = $(this).siblings('div.mimikbox').attr("id");
		$('.sortiment-content ul li').append("<div id='overlay'></div>");
		// stylar overlay efter att den har lagts på.
		$("#overlay").css({
			 'opacity' : 0.4,
			 'position': 'absolute',
			 'top': 0,
			 'left': 0,
			 'background-color': 'black',
			 'width': '100%',
			 'height': '100%',
			 'z-index': 50
		  });
	// kollar vilket id som visas
	var currentid = $(this).siblings('div.mimikbox').attr("id");
	currentNR = parseInt(currentid);
	
	e.preventDefault();
	
		// close knappen i samma funktion för att återanvända variablar.
		$('a.close, #overlay').click(function(e){
			$('div.mimikbox').removeClass('current').hide(5);
			$('.sortiment-content ul li #overlay').remove();
			currentNR = 0;
			e.preventDefault()
		});
	})
		
	// Bläddra nästa bild
	$('a.next-pic').click(function(e){
		if (currentNR == howmany){ return false;} else {
			$(this).parent('.mimikbox').hide(5,function(){
			currentNR++;
			$('.sortiment-content ul li .mimikbox#'+currentNR).show(5);
			});
			e.preventDefault()
		}
	});
	
	// Bläddra föregående bild
	$('a.prev-pic').click(function(e){
		if (currentNR == 1){ return false;} else {
			$(this).parent('.mimikbox').hide(5,function(){
			currentNR--;
			$('.sortiment-content ul li .mimikbox#'+currentNR).show(5);
			});
			e.preventDefault()
		}
	});
		

	// Hämtar undersid via ajax
	function Clicknr2() {
		$.ajaxSetup({cache:false});
		$('a#link2').unbind('click');
		$(this).after('<div id="content" style="display:none;"></div>');
		$(this).html("Laddar...");
		
		$('#uppdrag p #content').load("http://www.bohem.se/?page_id=68 #mini-content", function(){
			$('a#link2').fadeOut('fast', function() {
				$('#uppdrag p #content').slideDown();
					$('a.close').click(function (event){
						$(this).parent('#mini-content').slideUp(  function() {
							$('#content').remove();
							$('a#link2').html("Mer info »");
							$('a#link2').fadeIn();
						});
						event.preventDefault();
					});
					
				});
				Clicknr2on();
			});     
	}
	
	function Clicknr2on() {
		 $('a#link2').bind('click', Clicknr2);
	}
	
	$('a#link2').bind('click', Clicknr2);
	
	
	$('#uppdrag p a:first').bind('click', Clicknr1);
	
	function Clicknr1() {
		$(this).unbind('click');
		$(this).after('<div id="content1" style="display:none;"></div>');
		$(this).html("Laddar...");
		
		$('#uppdrag p #content1').load("http://www.bohem.se/?page_id=55 #mini-content1", function(){
			$('#uppdrag p a:first').fadeOut('fast', function() {
				$('#uppdrag p #content1').slideDown();
				
					$('a.close').click(function (event){
						$(this).parent('#mini-content1').slideUp(  function() {
							$('#content1').remove();
							$('#uppdrag p a:first').html("Mer info »");
							$('#uppdrag p a:first').fadeIn();
						});
						event.preventDefault();
					});
					
				});
				Clicknr1on();
			});     
	}
	
	function Clicknr1on() {
		$('#uppdrag p a:first').bind('click', Clicknr1);
	}

	// Töm inputfälten crosskompatible
	var text = $("#email").attr("value");
	$("#email").focus(function() {
		$(this).addClass("active");
		if($(this).attr("value") == text) $(this).attr("value", "");
	});
	
	$("#email").blur(function() {
		$(this).removeClass("active");
		if($(this).attr("value") == "") $(this).attr("value", text);
	});	
	
	
	
		//var howmanyref = ( $("ol.referens li .thumb-stor").length );
		var howmanyref = new Array();
		
		var i = 0;
		while (i < 10)
		{
			var sectionThumbs = $("ol.referens li[data-thumb-section='" + i + "'] div.thumb");
			
			if (sectionThumbs.length > 0) {
				howmanyref[i] = sectionThumbs.length;
				i++;
				
				sectionThumbs.each( function(j){
					$(this).attr('data-thumb-id', ++j);
				});
				
			} else {
				break;
			}
			
		}
		
		/*$('ol.referens li').children('.thumb').each( function(i){
				$(this).attr({ id: ++i });
			})*/
	
		$('ol.referens li .thumb img.attachment-referens-thumbnail ').click(function(e){
			$('ol.referens li').append("<div id='overlay'></div>");
			$(this).parent('.thumb').children('.thumb-stor').addClass('current').show(500);
			var heighty = $(document).height();
			
			$("#overlay").css({
				 'opacity' : 0.4,
				 'position': 'absolute',
				 'top': 0,
				 'left': 0,
				 'background-color': 'black',
				 'width': '100%',
				 'height': heighty,
				 'z-index': 50
			  });
			var currentidref = $(this).parent('.thumb').attr("data-thumb-id");
			currentNRref = parseInt(currentidref);
			currentSection = parseInt($(this).parents('li').first().attr("data-thumb-section"));
			
			$('a.close, #overlay').click(function(e){
				$('.thumb-stor').removeClass('current').hide(5);
				$('#overlay').remove();
				currentNRref = 0;
				currentSection = 0;
				e.preventDefault();
			});

		});
	
	
	// Bläddra nästa bild
	$('a.next-pic-ref').click(function(e){
		if (currentNRref == howmanyref[currentSection]){ return false;} else {
				$(this).parent('.thumb-stor').hide(5,function(){
				currentNRref++;
				$('ol.referens li[data-thumb-section="' + currentSection + '"]  .thumb[data-thumb-id="' + currentNRref + '"] .thumb-stor').show(5);
			});
			e.preventDefault();
		}
	});
	
	// Bläddra föregående bild
	$('a.prev-pic-ref').click(function(e){
		if (currentNRref == 1){ return false;} else {
			$(this).parent('.thumb-stor').hide(5,function(){
			currentNRref--;
				$('ol.referens li[data-thumb-section="' + currentSection + '"]  .thumb[data-thumb-id="' + currentNRref + '"] .thumb-stor').show(5);
			});
			e.preventDefault();
		}
	});
	
	
	// input magic
	$('input[type="text"], textarea').focus(function() {

        if (this.value == this.defaultValue){
        	this.value = '';
    	}
        if(this.value != this.defaultValue){
	    	this.select();
        }
    });
	
    $('input[type="text"], textarea').blur(function() {
  
	if (this.value == ''){
        	this.value = this.defaultValue;
    	}
    });
	
	
	
});