// JavaScript Document

function initGallery(){
	
		setCarrouselAttribs();
		setMovementHandlers();
		setImageHandlers();
	
}

function getCarrouselElements(){
	var carrouselImageElements = $('.imageCarrousel li').size();
	return carrouselImageElements;
}

function getCarrouselWidth( carrouselElements ){
	var carrouselWidth = (carrouselElements * 98) + ((carrouselElements - 1) * 10);
	return carrouselWidth;
}

function setCarrouselAttribs(){
	var carrouselElements = getCarrouselElements();
	
	//console.log('carrouselElements: '+carrouselElements);
	
	var carrouselWidth = getCarrouselWidth( carrouselElements );
	
	//console.log('carrouselWidth: '+carrouselWidth);
	
		$('.imageCarrousel').attr('style', 'width: '+carrouselWidth+'px;');
		//$('.arrowRight').attr('style', 'right: '+ (carrouselWidth - 945) +'px;');	
}

function setImageHandlers(){
	$('.imageCarrousel a').click(function(){
		var imageClicked = $(this).children('img').attr('src');
		
		//alert('imageClicked: ' + imageClicked);
		
		var cssClass = imageClicked.slice( imageClicked.lastIndexOf('/')+1, imageClicked.lastIndexOf('.'))
		var iPadSRC = (imageClicked.slice( 0, imageClicked.lastIndexOf('thumbs')) + 'full/ipad/' + imageClicked.slice( imageClicked.lastIndexOf('/')+1, imageClicked.length))
		
			if(isIPad()){
				//alert('iPadSRC: ' + iPadSRC);
				$('#iPadBackground').attr('src',iPadSRC);
			}else{
				if( $('.imageCarrousel').attr('activeBackground') ){
					$('body').removeClass( $('.imageCarrousel').attr('activeBackground') );
				}
				$('.imageCarrousel').attr('activeBackground','bg_'+cssClass + getBackgroundHeight());
				$('body').addClass( 'bg_' + cssClass + getBackgroundHeight() );
			}
			
	});
}

function setMovementHandlers(){
	$('.arrowLeft').click(function(){
		
		////console.log('right! - ' + $('.imageCarrousel').position().left);
		
		var carrouselWidth = getCarrouselWidth( getCarrouselElements() );
		var currentPosition = $('.imageCarrousel').position().left;
		
			//console.log('right! - currentPosition: ' + currentPosition);
			
    		if ((currentPosition + 100) <= 0){    		
        		var step = 100;	
    		}else{
				var step = -currentPosition;
			}
			$('.imageCarrousel').css("left",currentPosition + step);
					
	});
	$('.arrowRight').click(function(){
									 
		////console.log('left! - ' + $('.imageCarrousel').position().left);
	
		var carrouselWidth = getCarrouselWidth( getCarrouselElements() );	
		var currentPosition = $('.imageCarrousel').position().left;
    		if (((950-currentPosition) + 100) < carrouselWidth){    		
        		var step = 100;	
    		}else{
				var step = carrouselWidth - (950-currentPosition);
			}
			$('.imageCarrousel').css("left",currentPosition - step);
   		
	});
	
	$('.arrowLeftPlus').click(function(){
		
		////console.log('right! - ' + $('.imageCarrousel').position().left);
		
		var carrouselWidth = getCarrouselWidth( getCarrouselElements() );
		var currentPosition = $('.imageCarrousel').position().left;
		
			//console.log('right! - currentPosition: ' + currentPosition);
			
    		if ((currentPosition + 800) <= 0){    		
        		var step = 800;	
    		}else{
				var step = -currentPosition;
			}
			$('.imageCarrousel').css("left",currentPosition + step);
					
	});
	$('.arrowRightPlus').click(function(){
									 
		////console.log('left! - ' + $('.imageCarrousel').position().left);
	
		var carrouselWidth = getCarrouselWidth( getCarrouselElements() );	
		var currentPosition = $('.imageCarrousel').position().left;
    		if (((950-currentPosition) + 800) < carrouselWidth){    		
        		var step = 800;	
    		}else{
				var step = carrouselWidth - (950-currentPosition);
			}
			$('.imageCarrousel').css("left",currentPosition - step);
   		
	});
	
	
	
	
	
	/*
	
	var currentLeftArrowPosition = $('.arrowLeft').position().left;
   			$('.arrowLeft').css("left",currentLeftArrowPosition - step);
   		var currentRightArrowPosition = parseInt( $('.arrowRight').css("right") );
   			$('.arrowRight').css("right",currentRightArrowPosition + step);
			
			
	var currentLeftArrowPosition = $('.arrowLeft').position().left;
   			$('.arrowLeft').css("left",currentLeftArrowPosition + step);
   		var currentRightArrowPosition = parseInt( $('.arrowRight').css("right") );
   			$('.arrowRight').css("right",currentRightArrowPosition - step); 
			
	*/
}