/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
$(document).ready(function() {

   $(".menuItem").mouseenter(function() {
        var portruder = $(this).children(".portruder:first");
	var popupMenu = $(this).children(".subMenu:first");
	portruder.addClass("opening");
	portruder.addClass("submenuItem_status_opened").removeClass("submenuItem_status_closed");
        portruder.css({"top":"0px","left":"0px"});
        var maxWidth;
        if ($(this).children(".subMenu").length==0) {
            maxWidth = "180px";
        } else {
            maxWidth = "350px";
        }
	portruder.animate({width: maxWidth},{duration:"normal",complete: function() {
									popupMenu.css({"left":parseInt($(portruder).css("left"))+178,"top":"30px"});
									popupMenu.slideDown("normal");
									popupMenu.addClass("popup_status_opened");
						   		}}).removeClass("opening");
   });

   $(".menuItem").bind('mouseleave.menuItem',menuItemMouseLeave);
   function menuItemMouseLeave() {
        var portruder = $(this).children(".portruder:first");
	var popupMenu = $(this).children(".subMenu:first");
	if (popupMenu.hasClass("popup_status_opened")) {
            popupMenu.slideUp("fast",function() {
				/*when the popup is closed, we still need to close the submenuItem (push it back to menu), so we call
				this function again*/
				$(this).trigger("mouseleave.menuItem");
				}).removeClass("popup_status_opened").addClass("popup_status_closed");
	} else {
            //Clear the animation queue
            portruder.stop(true);
            portruder.children(".submenuItem_status").removeClass("submenuItem_status_opened").addClass("submenuItem_status_closed");
            portruder.animate({width: "0px"},{duration: "fast"});
	}
	portruder.dequeue();
   };


});