// JavaScript Document

/*
	Rollover Script on [ jQuery ]
	Rollover class = over
	Rollover FileName = ***_on.jpg/gif/png
*/
function initRollovers() {
	var conf = { className : 'hover', postfix : '_ov' };
	$('img.' + conf.className).each(function(){
		this.originalSrc = new Image;
		this.preloadSrc = new Image;
		this.originalSrc = this.src;
		this.preloadSrc = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1" + conf.postfix + "$2");
		$(this).hover(function(){
			this.src = this.preloadSrc;
		},function(){
			this.src = this.originalSrc;
		});
	});
};

function initPickUp() {
	$('#pickup dt').toggle(
		function()
		{
			
			$('#pickup').animate({
			bottom: -113
			}, 500);
			$("#pickup dt").addClass("up");
		},
		function()
		{
			$('#pickup').animate({
			bottom: 0
			}, 300);
			$("#pickup dt").removeClass("up");
	});
};

function initVisualCycle() {
	$("#visual").cycle({
			fx: 'fade',
			speed: 2500, 
			timeout: 8000,
			autostop:1
        	//autostopCount:5
	});
};

function initSmoothScroll() {
// Smooth Div Scroll
	$("#scrollable").smoothDivScroll({
		//scrollStep: 5,
		autoScroll:"onstart",
		autoScrollStep: 2,
		autoScrollInterval: 15,
		autoScrollDirection: "left",
		visibleHotSpots: "always",
		autoScrollLeftLimitReached: function() {
			//alert("Autoscroll left limit reached.");
			$(".scrollingHotSpotRight").show();
		},
		autoScrollRightLimitReached: function() {
			//alert("Autoscroll right limit reached.");
		}
	});
	
	// Pause autoscrolling if the user clicks one of the images
	$("#scrollable").bind("click", function() {
		$(this).smoothDivScroll("stopAutoScroll");
	});
	
	//$(".scrollingHotSpotRightVisible")

	$("#scrollable").bind("mouseover", function() {
		//$(this).smoothDivScroll("stopAutoScroll");
	}).bind("mouseout", function() {
		//$(this).smoothDivScroll("startAutoScroll");
	}).mousemove(function(e) {
		//alert(e.clientX);
	});
};


function initFeatureBtns() {
	
	var zIndexNumber = 999;
	
	$("#feature .mission").click(function(){
		$("#spf").hide();
		$("#screen").removeClass().addClass("p1").fadeIn("fast", function(){
			$("#mission").fadeIn("fast").css("zIndex", zIndexNumber++);
		});
	});
	
	$("#feature .spf").click(function(){
		$("#mission").hide();
		$("#screen").removeClass().addClass("p2").fadeIn("fast", function(){
			$("#spf").fadeIn("fast").css("zIndex", zIndexNumber++);
		});
	});
	
	$("#screen .close").click(function(){
		$("#screen .panel").fadeOut("fast", function(){
			$(this).parent().fadeOut("fast");
			$("#mission").hide();
			$("#spf").hide();
		});
	});
	
};

$(document).ready(function() {
	$(initFeatureBtns);
	$(initRollovers);
	$(initPickUp);
	$(initVisualCycle);
	$(initSmoothScroll);
});