$(document).ready(function() {
	
	build_slideshow();
	
	resetSlideshowPos();
	updateSlideshowPos();
	setTimeout("resetSlideshowPos()",1);
	$(window).scroll(function(){
		updateSlideshowPos();
	});
	
	
	
	$('#btn_slideshow').click(function() {
		$('#container #slideshow').show();
	});
	
	$('#btn_close').click(function() {
		$('#container #slideshow').hide();
	});
	
	$("#slider").easySlider({
		continuous: true,
		numeric: true
	});
	
	
	
	
	
	
	function build_slideshow () {
		$('#headerWrapper').before('<div id="slideshow"></div>');
		$('#slideshow').append('<div id="container"></div>');
		$('#slideshow #container').append('<div id="panel"></div>');
		$('#slideshow #container #panel').append('<img src="graphics/btn_close.png" id="btn_close"/>');
		
		$('#slideshow #container #panel').append('<div id="slider">\
													<ul>\
														<li><img src="graphics/slides/01.jpg" alt="TREKA Tour" /></li>\
														<li><img src="graphics/slides/02.jpg" alt="TREKA Tour" /></li>\
														<li><img src="graphics/slides/03.jpg" alt="TREKA Tour" /></li>\
														<li><img src="graphics/slides/04.jpg" alt="TREKA Tour" /></li>\
														<li><img src="graphics/slides/05.jpg" alt="TREKA Tour" /></li>\
														<li><img src="graphics/slides/06.jpg" alt="TREKA Tour" /></li>\
														<li><img src="graphics/slides/07.jpg" alt="TREKA Tour" /></li>\
														<li><img src="graphics/slides/08.jpg" alt="TREKA Tour" /></li>\
													</ul>\
												</div>');
	}
	
	$('#container #slideshow').hide();
	
	
	
	
	function updateSlideshowPos() {
		var margin = 100;
		var windowpos = $(window).scrollTop();
		$('#slideshow #container #panel').animate({
			marginTop: windowpos + margin
		}, {
			duration: 25,
			specialEasing: {
				width: 'linear',
				height: 'easeOutBounce'
			}
		});
	}
	
	
	
	
	function resetSlideshowPos() {
		var margin = ($(window).height()/2) - ($('#slideshow #container #panel').height()/2);
		var windowpos = $(window).scrollTop();	
		
		var slideshowMarg = $('#slideshow #container #panel').css('marginTop');
		var pixelCount = parseInt(slideshowMarg.substring(0, slideshowMarg.length-2));
		var footerMarg = $(document).height() - ($('#footerWrapper').height() + $('#slideshow #container #panel').height()) - 150;
		
		setTimeout("resetSlideshowPos()",1);
	}
});