$(document).ready(function(){
	var $numbertoslideTo = 0;
    if($('#mainImage').size()){
		$('#mainImage p').contents().unwrap();
		$('#mainImage br').remove();
		NumberofImages = $('#mainImage').find('img').size();
		navHtml ="<div id='nav'><div id='prev'><a href='#'>Previous</a></div><div id='next'><a href='#'>Next</a></div></div>";
		if(NumberofImages>1){
			//// console.log('slideshow');
			$('#mainColumn').append(navHtml);
			$('#mainImage').cycle({ 
				fx: 'fade', 
				speed: 1200,
				prev:   '#prev', 
				next:   '#next',
				easeIn:  'easeOutExpo', 
		    	easeOut: 'easeInExpo'
			});
	
		}
	}
	$('#mainImage a').fancybox();
	$('#innerImageContainer a').fancybox();

	/*
	dela brands i tre kolumner
	*/
	if($('#brands').size()){
		$('#brands').hide();
		//alert($(this).find('p').size());
		var NumberOfItems = $(this).find('p').size();
		var splitAt = Math.round(NumberOfItems/3);
		//alert(splitAt);
		var Column1;
		var Column2;
		var Column3;
		
		//Column1
		$('#content').append("<div class='brandColumn' id='column1'></div><div class='brandColumn' id='column2'></div><div class='brandColumn' id='column3'></div>");
		for (var i=0; i<splitAt; i++) {
			var Column1 = $('#brands').find('p').eq(i).text();
			// console.log(Column1);
			$('#column1').append("<p>"+Column1+"</p>");
		}
		for (var i=splitAt; i<splitAt*2; i++) {
			var Column1 = $('#brands').find('p').eq(i).text();
			// console.log(Column1);
			$('#column2').append("<p>"+Column1+"</p>");
		}
		for (var i=splitAt*2; i<splitAt*3; i++) {
			var Column1 = $('#brands').find('p').eq(i).text();
			// console.log(Column1);
			$('#column3').append("<p>"+Column1+"</p>");
		}
	}
	/*
	Collection, byta bilder
	Bygg navigation för alla bilder från [[*CollectionBilder]] Template variable
	*/
	if($('#innerImageContainer').size()){
		$('#innerImageContainer p').contents().unwrap();
		$('#innerImageContainer br').remove();

		var curentImageDiv = $('#innerImageContainer').find('.imageHorizontal').eq(0);
		var NumberOfItems = curentImageDiv.find('img').size();
		 //console.log(NumberOfItems);
		for (var i=0; i<NumberOfItems; i++) {
			var Bildtext = curentImageDiv.find('img').eq(i).attr("title");
			//// console.log(Bildtext);
			$('#imageColumn').find('#imageNav').append("<a href='#'>"+Bildtext+"</a>");
		}
		$('.collection').find('#imageNav a').eq(0).addClass('active');
		$('.collection').find('#imageNav a').click(function() {
			// Act on the event
			$('.collection').find('#imageNav a').removeClass('active');
			$slideIndex=$('.collection').find('#imageNav a').index(this);
			$(this).slideImage($slideIndex);
			$('.collection').find('#imageNav a').eq($slideIndex).addClass('active');
			//// console.log($slideIndex);
			return false;
		});
		
	}
	/*
	Byta färg på collection, slide innerImageContainer
	*/
	var $numbertoslideTo = 0;
	
	$('.collection').find('#colorNav a').eq(0).addClass('active');
	$('#colorNav').find('a').bind("click", (function () {
		// Act on the event
		$('.collection').find('#colorNav a').removeClass('active');
		$(this).addClass('active');
		var $nametoslideTo =($(this).index());
		$('#innerImageContainer').css({marginLeft:-($nametoslideTo*360)});
		$(this).slideImage(0); // slide to first image 
		$(this).buildImageMenu($numbertoslideTo);

		return false;
	}));
	/*
	Dölj färgmeny om det bara finns ett alternativ
	*/
	if($('#colorNav').children().size()==1){
		$('#colorNav').hide(0);
	}
	jQuery.fn.buildImageMenu = function(e){
		/*
			Bygga meny för att kunna switcha mellan olika bilder inom samma färg
		*/
		$('#imageColumn').find('#imageNav').empty();
		var curentImageDiv = $('#innerImageContainer').find('.imageHorizontal').eq(e);
		var NumberOfItems = curentImageDiv.find('img').size();
		// console.log(NumberOfItems);
		for (var i=0; i<NumberOfItems; i++) {
			var Bildtext = curentImageDiv.find('img').eq(i).attr("title");
			//// console.log(Bildtext);
			$('#imageColumn').find('#imageNav').append("<a href='#'>"+Bildtext+"</a>");
		}
		$('.collection').find('#imageNav a').eq(0).addClass('active');
		$('.collection').find('#imageNav a').click(function() {
			// Act on the event
			$('.collection').find('#imageNav a').removeClass('active');
			$slideIndex=$('.collection').find('#imageNav a').index(this);
			$(this).slideImage($slideIndex);
			$('.collection').find('#imageNav a').eq($slideIndex).addClass('active');
			//console.log($slideIndex);
			return false;
		});
	};
	
	/*
	     Slidefunktion
	*/
	var $eachSlideHeight = 383;
	var $target=0;
	jQuery.fn.slideImage = function(e) {
		// console.log(e);
		$currentIndex = e;
		$target = -($eachSlideHeight*$currentIndex);
		$('#innerImageContainer').stop().css({marginTop:$target});
		
	};
	
	
	if($('#startImage').find('#imageDiv').size()){
		$('#startImage #imageDiv p').contents().unwrap();
		$('#startImage #imageDiv br').remove();
		NumberofImages = $('#startImage #imageDiv').find('img').size();
		if(NumberofImages>1){
			//// console.log('slideshow');
			$('#startImage #imageDiv').cycle({ 
				fx: 'fade', 
				speed: 1200,
				easeIn:  'easeOutExpo', 
		    	easeOut: 'easeInExpo'
			});

		}
	}
});