//var pos = 1;

  var expandedWidth = 724;
  var collapsedWidth = 25;
  var effect = "easeInOutSine";
  var delayTime = 1000;
//////////////////////////////

   function expand(element, each)
   {
         var i = 0;

         $(each).each(function(){

             if($(this).attr("class") == "active")
             {

               $(this).removeClass("active").stop().animate({width: collapsedWidth + "px"}, {duration: 400, easing: effect, complete: "callback"});
               pos = i;
             }

             i++;
         });



        // if the element is currently being animated
        if ($(element).is(':animated'))
        {
             $(element).addClass("active").stop().animate({width: expandedWidth + "px"}, {duration: 350, easing: effect, complete: "callback"});
        }
        else
        {
             // ease in quickly
             $(element).addClass("active").stop().animate({width: expandedWidth + "px"}, {duration: 400, easing: effect, complete: "callback"});
        }

  }
  
  
  function collapse(element, each, container)
  {

     var i = 0;

     // on hovering out, ease the element out
     if ($(element).is(':animated'))
     {
        $(element).removeClass("active").stop().animate({width: collapsedWidth + "px"}, {duration: 100, easing: effect, complete: "callback"})
     }
     else
     {
        // ease out slowly
        $(element).removeClass("active").stop(':animated').animate({width: collapsedWidth + "px"}, {duration: 450, easing: effect, complete: "callback"});
     }


     
     
     
     $(container).mouseout(function()
     {   	 
    	 $(each).each(function()
    	 {
    		   if(pos == i)
               {
                 $(this).addClass("active").stop().animate({width: expandedWidth + "px"}, {duration: 400, easing: effect, complete: "callback"});
               }


               i++;
         });

     });
}


$(document).ready(function () {
  
  // find the elements to be eased and hook the hover event
  

  
  $('div.jimgMenu ul li a').hover(function()
  {
         var i = 0;

         $('div.jimgMenu ul li a').each(function(){

             if($(this).attr("class") == "active")
             {

               $(this).removeClass("active").stop().animate({width: collapsedWidth + "px"}, {duration: 400, easing: effect, complete: "callback"});
               pos = i;
               
               changeMenu(pos);
             }

             i++;
         });


        // if the element is currently being animated
        if ($(this).is(':animated'))
        {
             $(this).addClass("active").stop().animate({width: expandedWidth + "px"}, {duration: 350, easing: effect, complete: "callback"});
        
             changeMenu(this.id.replace('jim', '')-1);
        
        }
        else
        {
             // ease in quickly
             $(this).addClass("active").stop().animate({width: expandedWidth + "px"}, {duration: 400, easing: effect, complete: "callback"});
             changeMenu(this.id.replace('jim', '')-1);
        }

  },

  function ()
  {

     var i = 0;
     var isMenu = 2;

     // on hovering out, ease the element out
     if ($(this).is(':animated'))
     {
        $(this).removeClass("active").stop().animate({width: collapsedWidth + "px"}, {duration: 100, easing: effect, complete: "callback"})
     }
     else
     {
        // ease out slowly
        $(this).removeClass("active").stop(':animated').animate({width: collapsedWidth + "px"}, {duration: 450, easing: effect, complete: "callback"});
     }


     $('div.jimgMenu').mouseout(function(){

           $('div.jimgMenu ul li a').each(function(){

               if(pos == i)
               {
                 $(this).addClass("active").stop().animate({width: expandedWidth + "px"}, {duration: 100, easing: effect, complete: "callback"});
               }


               i++;
           });
     });
  });
  

  $('#menu li a').hover(
    function()
    {
    	var idc = this.id;              
    	idc = idc.replace('ahref', '#jim');
    	idc = idc.replace('bhref', '#jim');
              
    	expand(idc, 'div.jimgMenu ul li a');

    },

    function()
    {
    	var idc = this.id;              
        idc = idc.replace('ahref', '#jim');
        idc = idc.replace('bhref', '#jim');

        collapse(idc , 'div.jimgMenu ul li a', '#menu li a');

    });



});