/*

Copyright (C) 2009 EZ-Coupon Search

*/

$.importJS("/Include/htmldata.js");

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

//Defin Document Ready (OnLoad) Function
$(document).ready(function() {

  //PreLoad Images
  $.preloadImages("/images/mnu_1.jpg", "/images/mnu_1_over.jpg"
									, "/images/mnu_2.jpg", "/images/mnu_2_over.jpg"
									, "/images/mnu_3.jpg", "/images/mnu_3_over.jpg"
									, "/images/mnu_4.jpg", "/images/mnu_4_over.jpg"
									, "/images/mnu_5.jpg", "/images/mnu_5_over.jpg"
									, "/images/mnu_6.jpg", "/images/mnu_6_over.jpg"
									, "/images/mnu_7.jpg", "/images/mnu_7_over.jpg"
									, "/images/mnu_8.jpg", "/images/mnu_8_over.jpg"
									, "/images/mnu_9.jpg", "/images/mnu_9_over.jpg"
									, "/images/mnu_10.jpg", "/images/mnu_10_over.jpg"
									, "/images/mnu_11.jpg", "/images/mnu_11_over.jpg"
									, "/images/mnu_12.jpg", "/images/mnu_12_over.jpg"
									, "/images/mnu_13.jpg", "/images/mnu_13_over.jpg"
									, "/images/cat_tab_bg.jpg", "/images/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 = "/images/" + $("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()) - 1);
        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 = "/images/" + $("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) {
   
    //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);
  }
}