function initMenu() {
  $('#menu ul').hide();
 

   if( $.cookie('currentId')){
	    //var currentId = "#li" + $.cookie('currentId');
		var currentId = "#" + $.cookie('currentId');
		//alert(currentId);
		$(currentId).next().slideDown('fast');
		

	}  



  $('#menu li a').click(
    function() {

      var checkElement = $(this).next();
	  var currentId = $(this).attr('id'); 
	  var hlink = $(this).attr('href'); 
	  //alert(checkElement.is(':visible'));
	  
	  /*if( $.cookie('currentId') == currentId ){
		 window.location = "show_category.php?catID="+currentId;
		 return false;
		} */

	  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
			checkElement.slideUp('normal');
			return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        
		$('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
		document.getElementById('browsebycategory').scrollTop = 0;
		//alert("here" ) ;
		//$.cookie('currentId', currentId );  // 1 open    
        return false;
        }else{
			//alert( "come here " + hlink ) ;
			window.location = hlink ;
			return false;
		}
      }

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

$("ul.thumb li").hover(function() {
	$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	$(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-110px',
			top: '50%',
			left: '50%',
			width: '174px', /* Set new width */
			/* Set new height */
			padding: '10px'
		}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

	} , function() {
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	$(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '30px', /* Set width back to default */
			 /* Set height back to default */
			padding: '3px'
		}, 400);
});

});