// JavaScript Document
$(document).ready(function(){
	var handlePos;
	var photoContainerWidth;
	var dateContainerWidth;
	var textContainerWidth;
	var movePhotoDistance;
	var moveDateDistance;
	var moveTextDistance;
	
	photoContainerWidth = $('#heritage-photo-container').children('div.heritage-photo').size();
	photoContainerWidth = photoContainerWidth * 2880;
	dateContainerWidth = $('#heritage-date-container').children('div.heritage-date').size();
	dateContainerWidth = dateContainerWidth * 729;
	textContainerWidth = $('#heritage-text-container').children('div.heritage-text').size();
	textContainerWidth = textContainerWidth * 1440;
	
	$('#heritage-photo-container').css({'width':photoContainerWidth+'px'})
	$('#heritage-date-container').css({'width':dateContainerWidth+'px'})
	$('#heritage-text-container').css({'width':textContainerWidth+'px'})
						   
	function checkHandlePosition() {
		handlePos = $('.ui-slider-handle').css('left').replace('%','');
		moveBoxes();
	}
	
	function moveBoxes() {
		if(handlePos == 0 ){ movePhotoDistance = 0; moveDateDistance= 0; moveTextDistance= 0; }
		else if(handlePos > 2 && handlePos < 4) { movePhotoDistance = -2880; moveDateDistance= -729; moveTextDistance= -1440; }
		else if(handlePos > 6 && handlePos < 8) { movePhotoDistance = -5760; moveDateDistance= -1458; moveTextDistance= -2880; }
		else if(handlePos > 9 && handlePos < 11) { movePhotoDistance = -8640; moveDateDistance= -2187; moveTextDistance= -4320; }
		else if(handlePos > 13 && handlePos < 15) { movePhotoDistance = -11520; moveDateDistance= -2916; moveTextDistance= -5760; }
		else if(handlePos > 16 && handlePos < 18) { movePhotoDistance = -14400; moveDateDistance= -3645; moveTextDistance= -7200; }
		else if(handlePos > 19 && handlePos < 22) { movePhotoDistance = -17280; moveDateDistance= -4374; moveTextDistance= -8640; }
		else if(handlePos >= 23 && handlePos < 24) { movePhotoDistance = -20160; moveDateDistance= -5103; moveTextDistance= -10080; }
		else if(handlePos > 26 && handlePos < 27) { movePhotoDistance = -23040; moveDateDistance= -5832; moveTextDistance= -11520; }
		else if(handlePos > 29 && handlePos < 31) { movePhotoDistance = -25920; moveDateDistance= -6561; moveTextDistance= -12960; }
		else if(handlePos > 33 && handlePos < 34) { movePhotoDistance = -28800; moveDateDistance= -7290; moveTextDistance= -14400; }
		else if(handlePos > 36 && handlePos < 37) { movePhotoDistance = -31680; moveDateDistance= -8019; moveTextDistance= -15840; }
		else if(handlePos > 39 && handlePos < 41) { movePhotoDistance = -34560; moveDateDistance= -8748; moveTextDistance= -17280; }
		else if(handlePos > 43 && handlePos < 44) { movePhotoDistance = -37440; moveDateDistance= -9477; moveTextDistance= -18720; }
		else if(handlePos >= 46 && handlePos < 47) { movePhotoDistance = -40320; moveDateDistance= -10206; moveTextDistance= -20160; }
		else if(handlePos > 49 && handlePos < 51) { movePhotoDistance = -43200; moveDateDistance= -10935; moveTextDistance= -21600; }
		else if(handlePos > 53 && handlePos < 54) { movePhotoDistance = -46080; moveDateDistance= -11664; moveTextDistance= -23040; }
		else if(handlePos > 56 && handlePos < 57) { movePhotoDistance = -48960; moveDateDistance= -12393; moveTextDistance= -24480; }
		else if(handlePos > 59 && handlePos < 61) { movePhotoDistance = -51840; moveDateDistance= -13122; moveTextDistance= -25920; }
		else if(handlePos > 63 && handlePos < 64) { movePhotoDistance = -54720; moveDateDistance= -13851; moveTextDistance= -27360; }
		else if(handlePos > 66 && handlePos < 67) { movePhotoDistance = -57600; moveDateDistance= -14580; moveTextDistance= -28800; }
		else if(handlePos >= 69 && handlePos < 71) { movePhotoDistance = -60480; moveDateDistance= -15309; moveTextDistance= -30240; }
		else if(handlePos > 73 && handlePos < 74) { movePhotoDistance = -63360; moveDateDistance= -16038; moveTextDistance= -31680; }
		else if(handlePos > 76 && handlePos < 77) { movePhotoDistance = -66240; moveDateDistance= -16767; moveTextDistance= -33120; }
		else if(handlePos > 79 && handlePos < 81) { movePhotoDistance = -69120; moveDateDistance= -17496; moveTextDistance= -34560; }
		else if(handlePos > 83 && handlePos < 84) { movePhotoDistance = -72000; moveDateDistance= -18225; moveTextDistance= -36000; }
		else if(handlePos > 86 && handlePos < 87) { movePhotoDistance = -74800; moveDateDistance= -18954; moveTextDistance= -37440; }
		else if(handlePos > 89 && handlePos < 91) { movePhotoDistance = -77760; moveDateDistance= -19683; moveTextDistance= -38880; }
		else if(handlePos > 93 && handlePos < 94) { movePhotoDistance = -80640; moveDateDistance= -20412; moveTextDistance= -40320; }
		
		else if(handlePos > 96 && handlePos < 97) { movePhotoDistance = -83530; moveDateDistance= -21142; moveTextDistance= -41760; }
		else if(handlePos > 99) { movePhotoDistance = -86430; moveDateDistance= -21872; moveTextDistance= -43200; }
		
		
		
		/*else if(handlePos >= 80 && handlePos < 81) { movePhotoDistance = -80640; moveDateDistance= -20412; moveTextDistance= -40320; }
		else if(handlePos > 82 && handlePos < 83) { movePhotoDistance = -83520; moveDateDistance= -21141; moveTextDistance= -41760; }
		else if(handlePos > 85 && handlePos < 86) { movePhotoDistance = -86400; moveDateDistance= -21870; moveTextDistance= -43200; }
		else if(handlePos > 88 && handlePos < 89) { movePhotoDistance = -89280; moveDateDistance= -22599; moveTextDistance= -44640; }
		else if(handlePos > 91 && handlePos < 92) { movePhotoDistance = -92160; moveDateDistance= -23328; moveTextDistance= -46080; }
		else if(handlePos > 94 && handlePos < 95) { movePhotoDistance = -95040; moveDateDistance= -24057; moveTextDistance= -47520; }
		else if(handlePos > 97 && handlePos < 98) { movePhotoDistance = -97920; moveDateDistance= -24786; moveTextDistance= -48960; }
		else if(handlePos == 100) { movePhotoDistance = -100800; moveDateDistance= -25515; moveTextDistance= -50400; }*/
		
			
		//jQuery.easing.def = 'easeOutBack'; 
		$('#heritage-date-container').stop().animate({'left':(moveDateDistance)+'px'},{duration: 1000, easing: 'easeOutSine'});
		$('#heritage-text-container').stop().animate({'left':(moveTextDistance)+'px'},{duration: 1000, easing: 'easeOutSine'});
		$('#heritage-photo-container').stop().animate({'left':(movePhotoDistance)+'px'},{duration: 1000, easing: 'easeOutSine'});
	}
	
	$('#slider').bind('slidestop', function(event, ui) {
		checkHandlePosition();
	});

	$('#move-left-heritage').click(function(){
		var value = $('#slider').slider('value');
		$('#slider').slider( 'value' , value - 1 );
		checkHandlePosition();
		return false;
	});

	$('#move-right-heritage').click(function(){
		var value = $('#slider').slider('value');
		$('#slider').slider( 'value' , value + 1 );
		checkHandlePosition();
		return false;
	});
	
});