var layersHtml = "";
var sliderContentWidth = 0;
var sliderContentOffset = 0;

function positionLayers()
{
	$('#layers').html(layersHtml);
	$('#container').css('height', $(document).height() + 'px');
	$('#layers').jparallax(
		{mouseport: $('#container')},				// options
		{ytravel: '20%', xtravel: '20px'},			// background
		{ytravel: '40%', xtravel: '40px'},			// left cloud
		{ytravel: '50%', xtravel: '70px'}, 			// right cloud
		{ytravel: '70px', xtravel: '100px'}			// front cloud
	);
}

function sliderAutoWidth()
{
	$("#slider-content li").each(function(i) {
		sliderContentWidth += $(this).outerWidth(true);
	});
	//alert(sliderContentWidth);
	
	//sliderContentWidth = $("#slider-content li").length * $('#slider-content li:first').outerWidth(true);	
	
	$("#slider-content ul").width(sliderContentWidth);
}

function slideTo(percentage)
{
	var maxMargin = 0 - (sliderContentWidth - sliderContentOffset);
	var margin = (maxMargin / 100) * percentage;
	$('#slider-content ul').css('margin-left', margin + 'px');
}

$(window).load(function()
{
	layersHtml = $('#layers').html();
	sliderAutoWidth();

	$("#ui-slider").slider({
		slide: function(e, ui) { slideTo(ui.value) },
		stop: function(e, ui) { slideTo(ui.value) },
		handle: ".ui-slider-handle"
	});

	$(window).resize(function(){
		positionLayers();
		sliderContentOffset = $('#slider-content').position().left + $('#slider-content').outerWidth();
		
		if (sliderContentWidth > $('#photo-slider').outerWidth()) {
			slideTo($("#ui-slider").slider("value"));
			$('#slider').css('visibility', 'visible');
		} else {
			//slideTo(50);
			$('#slider').css('visibility', 'hidden');
			$("#ui-slider").slider("option", "value", 0);
		}
	}).resize();

	$('#slider-content a').lightBox({
		imageLoading: '/View/Images/lightbox-ico-loading.gif',
		imageBtnClose: '/View/Images/lightbox-btn-close.gif',
		imageBtnPrev: '/View/Images/lightbox-btn-prev.gif',
		imageBtnNext: '/View/Images/lightbox-btn-next.gif',
		imageBlank: '/View/Images/lightbox-blank.gif'
	});
});