// JavaScript Document

$(document).ready(function(){
	
	//Inikator
	$('#indicator1').click(function(){
	  	$('div #sheetContainer').css({
	  		left: 0
		});
		$('#indicator1 img').attr(
			'src','images/buttons/slideindicator1_on.png'			
		);
		$('#indicator2 img').attr(
			'src','images/buttons/slideindicator2.png'			
		);
		$('#indicator3 img').attr(
			'src','images/buttons/slideindicator3.png'			
		);
	});
	$('#indicator2').click(function(){
	  	$('div #sheetContainer').css({
	  		left: -1000
		});
		$('#indicator1 img').attr(
			'src','images/buttons/slideindicator1.png'			
		);
		$('#indicator2 img').attr(
			'src','images/buttons/slideindicator2_on.png'			
		);
		$('#indicator3 img').attr(
			'src','images/buttons/slideindicator3.png'			
		);
	});
	$('#indicator3').click(function(){
	  	$('div #sheetContainer').css({
	  		left: -2000
		});
		$('#indicator1 img').attr(
			'src','images/buttons/slideindicator1.png'			
		);
		$('#indicator2 img').attr(
			'src','images/buttons/slideindicator2.png'			
		);
		$('#indicator3 img').attr(
			'src','images/buttons/slideindicator3_on.png'			
		);
	});	
	

	//Visar/Döljer BILDTEXT
	$('#sheetContainer p').mouseover(function() {
		$(this).animate({
	  		opacity: .85,
			filter: 'alpha(opacity=85)'
		}, 250, false);
	});	
	$('#sheetContainer p').mouseout(function() {
		$(this).animate({
	  		opacity: 0,	
			filter: 'alpha(opacity=0)'
		}, 1, false);
	});	
		
	//bank BILD och RUBRIK -> storbild BILD och RUBRIK via galleri
	$('#sheetContainer>div>div>p').click(function(){
		//Skapa funktion för att plocka upp id:t från vilket sheet det är som är tryckt -->applicera detta på bankImg:s parent
		window.sheetClicked = $(this).parents('div.sheetOuter').attr('id');
		$('#pictureWrapperInner span').remove();		
		$('#pictureWrapperInner img , #rubrikIEfixer h3').remove();
		var thumbReferens = $(this).prev().attr('class');	// Just DENNA IMG med dennes CLASS
		$('#pictureWrapperInner').append('<span>&nbsp;</span>');
		$("#storbildBank img[class="+ thumbReferens +"]").addClass('bildpekare').clone().appendTo('#pictureWrapperInner');	
		$('#pictureWrapperInner').append('<span>&nbsp;</span>');
		$("#rubrikBank h3[class="+ thumbReferens +"]").addClass('rubrikpekare').clone().appendTo('#rubrikIEfixer');									//ny
		window.basVarBild = $("#storbildBank img.bildpekare").attr('class');	//window används för att värdet ska lagras i en globalt åtkommlig variabel
		window.basVarRubrik = $("#rubrikBank h3.rubrikpekare").attr('class');	//window används för att värdet ska lagras i en globalt åtkommlig variabel	//ny BEHÖVS DENNA?!?! ANVÄNDS 
		window.imgHeight = $('img.bildpekare').attr('height');					//traderar vidare höjden från varje bild till rubrikvisaren
		$('#heightContainerRubrikStorbild').height(imgHeight);		
		$('#galleri').hide();
		$('#storbildVisare,#headerClickbar').show();		
	});	
	
	// Tillbaka till Galleri via HEADER
	$('#headerClickbar').click(function(){
		$('#galleri').show();
		$('#storbildBank img.bildpekare').removeClass('bildpekare');
		$('#rubrikBank h3.rubrikpekare').removeClass('rubrikpekare');
		$('#storbildVisare,#headerClickbar').hide();
	});

	//PILAR Storbild
	//Pil Left
	$('#pil_leftStorbild img').click(function(){
		var pekarFirstVar = $("#storbildBank div[class="+ sheetClicked +"] img:first").attr('class');	//1pic1 bildpekare ska bli aktuell bildpekare 
		//alert(pekarFirstVar);
		$('#pictureWrapperInner span').remove();		
		if(basVarBild == pekarFirstVar){ 
			//alert('condition stammer: basVarBild e '+basVarBild+' och pekarFirstVar e '+pekarFirstVar);
			$('#pictureWrapperInner img , #rubrikIEfixer h3').remove();
			$('#storbildBank img.bildpekare').removeClass('bildpekare');
			$('#rubrikBank h3.rubrikpekare').removeClass('rubrikpekare');
			$('#pictureWrapperInner').append('<span>&nbsp;</span>');																			//sätt in tomt tecken - före
			$("#storbildBank div[class="+ sheetClicked +"] img:last").addClass('bildpekare').clone().appendTo('#pictureWrapperInner');			//sätt in bild
			$('#pictureWrapperInner').append('<span>&nbsp;</span>');																			//sätt in tomt tecken - efter
			$("#rubrikBank div[class="+ sheetClicked +"] h3:last").addClass('rubrikpekare').clone().appendTo('#rubrikIEfixer');					//sätt in text
			basVarBild = $("#storbildBank div[class="+ sheetClicked +"] img:last").attr('class');
			basVarRubrik = $('#rubrikBank h3.1pic25').attr('class');
		} else {
			$('#pictureWrapperInner').append('<span>&nbsp;</span>');																			//sätt in tomt tecken - före
			$('#pictureWrapperInner img , #rubrikIEfixer h3').remove();
			$('#storbildBank img.bildpekare').removeClass('bildpekare').prev().addClass('bildpekare').clone().appendTo('#pictureWrapperInner');	//sätt in bild
			$('#pictureWrapperInner').append('<span>&nbsp;</span>');																			//sätt in tomt tecken - efter
			$('#rubrikBank h3.rubrikpekare').removeClass('rubrikpekare').prev().addClass('rubrikpekare').clone().appendTo('#rubrikIEfixer');	//sätt in text
			basVarBild = $('#storbildBank img.bildpekare').attr('class');
			basVarRubrik = $('#rubrikBank h3.rubrikpekare').attr('class');
			}	
		imgHeight = $('img.bildpekare').attr('height');	//anv. av rubrikvisaren
		$('#heightContainerRubrikStorbild').height(imgHeight);	
		
	});
	//Pil Right
	$('#pil_rightStorbild img').click(function(){
		var pekarLastVar = $("#storbildBank div[class="+ sheetClicked +"] img:last").attr('class');	//1pic1 bildpekare ska bli aktuell bildpekare 
		//var pekarLastVar = '1pic25 bildpekare' //så här skriver man ut 2> attributvärden ur en variabel
	
		$('#pictureWrapperInner span').remove();
		if(basVarBild == pekarLastVar){ 
			//alert('condition stammer: basVarBild e '+basVarBild+' och pekarFirstVar e '+pekarLastVar);
			$('#pictureWrapperInner img , #rubrikIEfixer h3').remove();
			$('#storbildBank img.bildpekare').removeClass('bildpekare');
			$('#rubrikBank h3.rubrikpekare').removeClass('rubrikpekare');
			$('#pictureWrapperInner').append('<span>&nbsp;</span>');																			//sätt in tomt tecken - före
			$("#storbildBank div[class="+ sheetClicked +"] img:first").addClass('bildpekare').clone().appendTo('#pictureWrapperInner');			//sätt in bild
			$('#pictureWrapperInner').append('<span>&nbsp;</span>');																			//sätt in tomt tecken - efter
			$("#rubrikBank div[class="+ sheetClicked +"] h3:first").addClass('rubrikpekare').clone().appendTo('#rubrikIEfixer');					//sätt in text
			basVarBild = $("#storbildBank div[class="+ sheetClicked +"] img:first").attr('class');
			basVarRubrik = $('#rubrikBank h3.1pic1').attr('class');
		} else {
			//alert('else, basVarBild e '+basVarBild);
			$('#pictureWrapperInner').append('<span>&nbsp;</span>');																			//sätt in tomt tecken - före
			$('#pictureWrapperInner img , #rubrikIEfixer h3').remove();
			$('#storbildBank img.bildpekare').removeClass('bildpekare').next().addClass('bildpekare').clone().appendTo('#pictureWrapperInner');	//sätt in bild
			$('#pictureWrapperInner').append('<span>&nbsp;</span>');																			//sätt in tomt tecken - efter
			$('#rubrikBank h3.rubrikpekare').removeClass('rubrikpekare').next().addClass('rubrikpekare').clone().appendTo('#rubrikIEfixer');	//sätt in text
			basVarBild = $('#storbildBank img.bildpekare').attr('class');
			basVarRubrik = $('#rubrikBank h3.rubrikpekare').attr('class');
		}	
		imgHeight = $('img.bildpekare').attr('height');
		$('#heightContainerRubrikStorbild').height(imgHeight);
	});
	$('#pil_leftStorbild img').hover(function(){
    	$(this).attr('src' , 'images/buttons/pil_left_pink.png');
		},
		function () {
		$(this).attr('src' , 'images/buttons/pil_left_black.png');	
	});
	$('#pil_rightStorbild img').hover(function(){
    	$(this).attr('src' , 'images/buttons/pil_right_pink.png');
		},
		function () {
    	$(this).attr('src' , 'images/buttons/pil_right_black.png');	
	});});