//slide:
var offset=30;
var width=725;

var tabSelectedSlides=new Array(0, 0);
$(function(){
	$("#tabs").tabs();

	$(".slides > div[id^='slide']")
	.click(function(){
		
		 var i=$(this).index();
		 var selectedTab=$("#tabs").tabs('option', 'selected');
		 tabSelectedSlides[selectedTab]=i;
		 var h=$(this).css("height");
		 $.each($("#tabs > div:eq("+selectedTab+") .slides div[id^='slide']:lt("+i+")"), function(){
			$(this).animate({left:$(this).index()*offset-width}, {queue:false, duration:1000});
		});
		 $.each($("#tabs > div:eq("+selectedTab+") .slides div[id^='slide']:gt("+i+"), #tabs > div:eq("+selectedTab+") .slides div[id^='slide']:eq("+i+")"), function(){
			$(this).animate({left:$(this).index()*offset}, {queue:false, duration:1000});
		});
	})
	.hover(function(){
		animateSlideTitle(this);
	}, function(){
		animateSlideTitle(this);
	});
	var height=544;
	$(".slide span[class$='Arrow']").addClass("disabled");
	$.each($(".slide span.upArrow"), function(){
	if($(this).siblings("div.img_cont").children().size()>1)
		$(this).removeClass("disabled");
	});
	
	$(".slide span[class*='Arrow']").click(function(){
		if($(this).hasClass("disabled")) return;
		var isUp=$(this).hasClass("upArrow");
		var arrow=$(this);
		$(this).siblings("div.img_cont").animate(
			{top:(isUp? "-":"+")+'='+height},1000,
			function(){
				arrow.siblings("span[class*='Arrow']").removeClass("disabled");
				if(isUp && $(this).outerHeight()-height== -parseInt($(this).css("top")))
					arrow.addClass("disabled");
				if(!isUp && parseInt($(this).css("top"))==0) 
					arrow.addClass("disabled");
		});
		
	});
});
function animateSlideTitle(el){
	var i=$(el).index();
	var selectedTab=$("#tabs").tabs('option', 'selected');
	if(tabSelectedSlides[selectedTab]!=i) {
		$(el).children(".title").stop(true).css("marginTop",0).animate({"marginTop":15}, 300);
		$(el).children(".title").animate({"marginTop":0}, 300);
	}
}