// JavaScript Document

$(document).ready(function(){
	
	if($(".slider-main").length){
		$(".w-slider-main").hide().eq(0).show();
		$(".nav-advanced a").click(function(){
			$(this).parent().addClass("active").siblings().removeClass("active").parent().parent().find(".w-slider-main").eq($(this).parent().index()).show().siblings(".w-slider-main").hide();
			return false;
		});
		elCarousel(3, $(".slider-main-1"), "sm", "");
		elCarousel(3, $(".slider-main-2"), "sm", "");
		elCarousel(3, $(".slider-main-3"), "sm", "");
		elCarousel(3, $(".slider-main-4"), "sm", "");
	};
	if($(".pp-slider").length){
		elCarousel(1, $(".pp-slider"), "pps", "-nav");
	};
	if($(".slider-footer").length){
                /* Updated */
		elCarousel(6, $(".slider-footer"), "sf", "");
	};
	
});

function elCarousel(elRow, elCarousel, elPrefix, elNav){
	
	var	elArea = elCarousel.find("." + elPrefix + "-area"),
		elItem = elCarousel.find("li");
	
	elArea.width(elItem.width() * elItem.length);

	var	elNavLeft = elCarousel.parent().find("." + elPrefix + elNav + "-left"),
		elNavRight =  elCarousel.parent().find("." + elPrefix + elNav + "-right"),
		elPosition = 0,
		elCurentStep = 1;
	
	elNavLeft.click(function(){
		if(elCurentStep != 1){
			elPosition = elPosition + elItem.width();
			elCurentStep--;
			elArea.animate({left: elPosition});
		} else {
			elPosition = (elItem.length - elRow) * elItem.width() * -1;
			elCurentStep = elItem.length - elRow + 1;
			elArea.animate({left: elPosition});
		};
	});
	elNavRight.click(function(){
		if((elItem.length - elCurentStep) < elRow){
			elPosition = 0;
			elCurentStep = 1;
			elArea.animate({left: elPosition});
		} else {
			elPosition = elPosition - elItem.width();
			elCurentStep++;
			elArea.animate({left: elPosition});
		};
	});
	
};
function elCarouselHold(elCarousel){
	
	var	elArea = $(".sf-area"),
		elItem = elCarousel.find("li");
	
	elAreaWidth = 0;
	elItem.each(function(){
		elAreaWidth = elAreaWidth + $(this).width() + 26;
	});
	elArea.width(elAreaWidth);

	var	elNavLeft = $(".sf-left"),
		elNavRight = $(".sf-right"),
		elPosition = 0,
		elCurentStep = 1;
	
	elNavLeft.mousedown(function(){
		elArea.animate({left: 0}, elAreaWidth);
	});
	elNavLeft.mouseup(function(){
		elArea.stop();
	});
	elNavRight.mousedown(function(){
		elArea.animate({left: 0 - elAreaWidth + 905}, elAreaWidth);
	});
	elNavRight.mouseup(function(){
		elArea.stop();
	});
	
};