/*

Copyright (C) 2009 EZ-Coupon Search

*/

$.importJS("./styles/ecs-modified/template/js/htmldata.js");

var tmrSlider = 0;
var hideSlider = false;
var sliderAlreadyShown = false;

//Defin Document Ready (OnLoad) Function
$(document).ready(function(){
	 
	//PreLoad Images
	$.preloadImages("./styles/ecs-modified/imageset/ecs/mnu_1.jpg", "./styles/ecs-modified/imageset/ecs/mnu_1_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_2.jpg", "./styles/ecs-modified/imageset/ecs/mnu_2_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_3.jpg", "./styles/ecs-modified/imageset/ecs/mnu_3_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_4.jpg", "./styles/ecs-modified/imageset/ecs/mnu_4_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_5.jpg", "./styles/ecs-modified/imageset/ecs/mnu_5_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_6.jpg", "./styles/ecs-modified/imageset/ecs/mnu_6_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_7.jpg", "./styles/ecs-modified/imageset/ecs/mnu_7_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_8.jpg", "./styles/ecs-modified/imageset/ecs/mnu_8_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_9.jpg", "./styles/ecs-modified/imageset/ecs/mnu_9_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_10.jpg", "./styles/ecs-modified/imageset/ecs/mnu_10_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_11.jpg", "./styles/ecs-modified/imageset/ecs/mnu_11_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_12.jpg", "./styles/ecs-modified/imageset/ecs/mnu_12_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/mnu_13.jpg", "./styles/ecs-modified/imageset/ecs/mnu_13_over.jpg"
									, "./styles/ecs-modified/imageset/ecs/cat_tab_bg.jpg", "./styles/ecs-modified/imageset/ecs/cat_tab_left.jpg");

	//Loop thorugh all IMG tags
	$("img").each(function (i){

		//Check for a particular IMG tag which is marked for ROLLOVER Effect
		if($("img").eq(i).attr("rollover") == "yes")
		{
			//Attach MouseOver Event with the IMG tag in context
			$("img").eq(i).mouseover(function(event){
				
				//Assign an Image for Mouse Over effect
				this.src = "./styles/ecs-modified/imageset/ecs/" + $("img").eq(i).attr("id") + "_over.jpg";
		
				//Remove any previously assigned Timer
				tmrSlider = window.clearInterval(tmrSlider);

				//Mark Flag to false so that Slider Menu Hiding Animation will not run
				hideSlider = false;
				
				//Calculate Top & Left Positions for SliderMenu to be displayed at
				var topPos = new Number(( $("#topMenuContainer").offset().top + $("#topMenuContainer").height() ) - 3);
				var leftPos = new Number($("#topMenuContainer").offset().left + 10);
				
				//Display SliderMenu to its respective location
				$("#slideContainer").css("position", "absolute");
				$("#slideContainer").css("left", leftPos + "px");
				$("#slideContainer").css("top", topPos + "px");
		
				//Assign HTML Contents inside SliderMenu, so that it can reflect Menu accordingly
				$("#divSlider").html( arrHtml[$(this).attr("id")] );

				if(sliderAlreadyShown == false)
				{
					//Show SliderMenu Container
					$("#slideContainer").show();
					
					//Display SliderMenu itselft with a Sliding-To-Down Animation
					$("#divSlider").animate({top: "0px"}, {duration:400, complete:function(){

						sliderAlreadyShown = true;
						
					}
					});
				}

				//Prevent default behavoiur of Event to fire
				event.preventDefault();
				
			});		//$("img").eq(i).mouseover(function(event){
			
			//Attach MouseOut Event with the IMG tag in context
			$("img").eq(i).mouseout(function(event){
				
				//Assign an Image for Mouse Out effect
				this.src = "./styles/ecs-modified/imageset/ecs/" + $("img").eq(i).attr("id") + ".jpg";

				//Remove any previously assigned Timer
				tmrSlider = window.clearInterval(tmrSlider);
				
				//Mark Flag to true so that Slider Menu Hiding Animation can run
				hideSlider = true;
				
				//Assign a New Instance of Timer with a Delay of 100 Miliseconds (a little bit delayed)
				tmrSlider = window.setInterval("hideSliderDIV()", 100);

				//Prevent default behavoiur of Event to fire
				event.preventDefault();
				
			});		//$("img").eq(i).mouseout(function(event){
		
		}		//if($("img").eq(i).attr("rollover") == "yes")

	});		//$("img").each(function (i){

	//Attach MouseOver Event with SliderMenu DIV
	$("#divSlider").mouseover(function(event){

		//Mark Flag to false so that Slider Menu Hiding Animation will not run
		hideSlider = false;
		
		//Remove any previously assigned Timer
		tmrSlider = window.clearInterval(tmrSlider);

	});		//$("#divMoveIt").mouseover(function(event){

	//Attach MouseOut Event with SliderMenu DIV
	$("#divSlider").mouseout(function(event){

		//Remove any previously assigned Timer
		tmrSlider = window.clearInterval(tmrSlider);
		
		//Mark Flag to true so that Slider Menu Hiding Animation can run
		hideSlider = true;
		
		//Assign a New Instance of Timer with a Delay of 1 Miliseconds (no delay, just like happening in an intance)
		tmrSlider = window.setInterval("hideSliderDIV()", 1);		

	});		//$("#divMoveIt").mouseout(function(event){

});		//$(document).ready(function(){

//Define a Function which will be called from Timer to hide the Slider DIV
function hideSliderDIV()
{
	//Check if SliderMenu hiding Flag is set to true
	if(hideSlider == true && sliderAlreadyShown == true)
	{
		//Hide the SliderMenu with a Slide-To-Top Animation
		$("#divSlider").animate({top: "-30px"}, {duration:400, complete:function(){
		
			//Remove any HTML Contents within SliderMenu so it can become Empty
			$("#divSlider").html("");
			
			//Now hide SlideMenu Container
			$("#slideContainer").hide();
			
			sliderAlreadyShown = false;

		}
		});
		
		//Remove any previously assigned Timer
		tmrSlider = window.clearInterval(tmrSlider);
	}
}