$(document).ready(function() {

	$(".home_gallery .big_pic").wrapAll("<div id='home_gallery_container'><div class='home_gallery_container'></div></div>");
	$(".home_previews ul").wrap("<div class='home_previews_container'><div class='home_previews_scroller'></div></div>");
	$(".home_previews_container").after("<div class='scroll_bar'></div>");
	
	var conveyor = $(".home_previews_scroller", $(".home_previews")), item = $(".home_previews_scroller a", $(".home_previews"));
	var previews_scroller_width=0;
	$(".home_previews_scroller li").each(function(i){previews_scroller_width+=$(this).width();})
	$(".home_previews_scroller").width(previews_scroller_width+'px');
	var sliderOpts = {
		max: $(".home_previews_scroller").width() - $(".home_previews").width(),
		slide: function(e, ui) {conveyor.css("left", "-" + ui.value + "px");}
	};
	$(".scroll_bar").slider("destroy");
	if ($(".home_previews_scroller").width() - $(".home_previews_container").width()>0){$(".scroll_bar").css("borderTopStyle","solid").slider(sliderOpts);}
	
	$('.home_previews').mousewheel(function(event, delta) {
			var old_slider_value=$(".scroll_bar").slider("value");
			var multiplier = $(".scroll_bar").slider("option", "max")/($(".home_previews_scroller li").length-1);
			$(".scroll_bar").slider("value", old_slider_value+delta*70);
			conveyor.css("left", "-" + $(".scroll_bar").slider("value") + "px");
			return false;
		});

	$(".letter_a").css("backgroundPosition","0px -24px");
	$(".letter_a .popup").css('visibility','visible');
	
	var totWidth=0;
	var positions = new Array();
	$('.home_gallery .big_pic').each(function(i){
		positions[i]= totWidth;
		totWidth += $(this).width();
		if(!$(this).width())
		{
			alert("Please, fill in width & height for all your images!");
			return false;
		}
	});
	$('.home_gallery_container').width(totWidth);
	$(".letter_a").hover(function(e,keepScroll){
		var pos = 0;
		$('.home_gallery_container').stop().animate({marginLeft:-positions[pos]+'px'},450);
		$(".letter").css("backgroundPosition","0px 0px");
		$(this).css("backgroundPosition","0px -24px");
		$(".home_gallery .popup").css('visibility','hidden');
		$(this).children(".popup").css('visibility','visible');
		//if(!keepScroll) clearInterval(itvl);
		return false;
	});
	$(".letter_v").hover(function(e,keepScroll){
		var pos = 1;
		$('.home_gallery_container').stop().animate({marginLeft:-positions[pos]+'px'},450);
		$(".letter").css("backgroundPosition","0px 0px");
		$(this).css("backgroundPosition","0px -24px");
		$(".home_gallery .popup").css('visibility','hidden');
		$(this).children(".popup").css('visibility','visible');
		//if(!keepScroll) clearInterval(itvl);
		return false;
	});
	$(".letter_f").hover(function(e,keepScroll){
		var pos = 2;
		$('.home_gallery_container').stop().animate({marginLeft:-positions[pos]+'px'},450);
		$(".letter").css("backgroundPosition","0px 0px");
		$(this).css("backgroundPosition","0px -24px");
		$(".home_gallery .popup").css('visibility','hidden');
		$(this).children(".popup").css('visibility','visible');
		//if(!keepScroll) clearInterval(itvl);
		return false;
	});

	function autoAdvance()
	{
		if ($(".letter_a .popup").css("visibility")=="visible"){$(".letter_v").trigger('mouseenter',[true])}
		else{if ($(".letter_v .popup").css("visibility")=="visible"){$(".letter_f").trigger('mouseenter',[true])}
		else{if ($(".letter_f .popup").css("visibility")=="visible"){$(".letter_a").trigger('mouseenter',[true])}}}
	}
	var changeEvery = 7; // The number of seconds that the slider will auto-advance in:
	var itvl = setInterval(function(){autoAdvance()},changeEvery*1000);

}); 