function preLoadImages(){
//    var dogLeft = new Image(32,101);
//    dogLeft.src = resolvePath("menu_left_dogs.gif");
//    var dogRight = new Image(31,101);
//    dogRight.src = resolvePath("menu_right_dogs.gif");
//    var catLeft = new Image(32,101);
//    catLeft.src = resolvePath("menu_left_cats.gif");
//    var catRight = new Image(31,101);
//    catRight.src = resolvePath("menu_right_cats.gif");
//    var smallAnimalsLeft = new Image(32,101);
//    smallAnimalsLeft.src = resolvePath("menu_left_small.gif");
//    var smallAnimalsRight = new Image(31,101);
//    smallAnimalsRight.src = resolvePath("menu_right_small.gif");
//    var birdsLeft = new Image(32,101);
//    birdsLeft.src = resolvePath("menu_left_birds.gif");
//    var birdsRight = new Image(31,101);
//    birdsRight.src = resolvePath("menu_right_birds.gif");
//    var giftsLeft = new Image(32,101);
//    giftsLeft.src = resolvePath("menu_left_gifts.gif");
//    var giftsRight = new Image(31,101);
//    giftsRight.src = resolvePath("menu_right_gifts.gif");
}

function hide(menuItemLeft, menuItemRight){
    
    if (menuItemLeft != null){
        hideMenuItems(menuItemLeft);
    }
    
    if (menuItemRight != null){
        hideMenuItems(menuItemRight);
    }
}

function show(menuItemLeft, menuItemRight){

    if (menuItemLeft != null){
        showMenuItems(menuItemLeft);
    }
    
    if (menuItemRight != null){
        showMenuItems(menuItemRight);
    }
}

function hideMenuItems(menuItem){
    var faded = document.getElementById(menuItem + 'Faded');
    if (faded != null){
        if (faded.className.indexOf('_shown') >= 0){
            faded.className = 'faded';
            document.getElementById(menuItem + 'Solid').className = 'solid';
        }
    }
}

function showMenuItems(menuItem){
    var faded = document.getElementById(menuItem + 'Faded');
    if (faded != null){
        if (faded.className.indexOf('_shown') < 0){
            faded.className = 'faded_shown';
            document.getElementById(menuItem + 'Solid').className = 'solid_shown';
        }
    }
}

function showLogo(menuItem){
    var menuItemLogo = document.getElementById(menuItem + 'Logo');
    if (menuItemLogo != null){
        menuItemLogo.className = 'menu_logo';
    }
}

function hideLogo(menuItem){
    var menuItemLogo = document.getElementById(menuItem + 'Logo');
    
    if (menuItemLogo != null){
        menuItemLogo.className = 'menu_logo_hidden';
    }
}

function showSubMenu(menuItem){
    
    hideSubMenu();
    
    var menuItemLogo = document.getElementById(menuItem + 'SubMenu');
    var menuLeft = document.getElementById('menuLeft');
    var menuRight = document.getElementById('menuRight');
    
    if (menuItemLogo != null){
          menuLeft.className = 'menu_left_' + menuItem;
          menuRight.className = 'menu_right_' + menuItem;
          menuItemLogo.className = 'sub_menu_items_' + menuItem;
    }
    else{
        showSubMenu('normal');
    }
}

function hideSubMenu(){ 
    var subMenu = document.getElementById('subMenuItems');
    var subMenuItems = subMenu.childNodes;

    for (var i = 0; i < subMenuItems.length; i++){
        var subMenuItem = subMenuItems[i];
    
        if (subMenuItem.childNodes.length > 0){
            var isHidden = subMenuItem.className.indexOf('_hidden');
            if (isHidden < 0){
                subMenuItem.className = subMenuItem.className + '_hidden';
            }
        }
    }
}

function KwicksMenuInit(){
    window.addEvent('domready', function(){
	    var szNormal = 117, szSmall  = 100, szFull   = 219;
    	
	    var kwicks = $$("#kwicks .kwick");
	    var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	    kwicks.each(function(kwick, i) {
		    kwick.addEvent("mouseenter", function(event) {
			    var o = {};
			    o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			    kwicks.each(function(other, j) {
				    if(i != j) {
					    var w = other.getStyle("width").toInt();
					    if(w != szSmall) o[j] = {width: [w, szSmall]};
				    }
		            showLogo(kwick.id);
		            showSubMenu(kwick.id);
			    });
			    fx.start(o);
		    });
	    });
    	
	    $("category_menu").addEvent("mouseleave", function(event) {
		    var o = {};
		    kwicks.each(function(kwick, i) {
			    o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
                showSubMenu('normal');
		    });
		    fx.start(o);
	    })
    	
    }); 
}