﻿var MasterTemplateBase=(function () {
	function init() {
		loadTopMenu();
		loadSideSubMenus();
	}

	$domready(init);

	function loadTopMenu(){
		var temp;
		if($("header-menu")!=null){
			var menuImages = $("header-menu").getElements(".menu-image");
			$("header-menu").getElements(".top-menu-button").each(function(el,index){
				var link = el.getElement("a").href;
				el.addEvent('click',function(){
					location.href=link;
				});
				if(link.indexOf('chiks')==-1){
					el.addEvent('mouseover',function(){el.addClass("on");});
					el.addEvent('mouseout',function(){el.removeClass("on");});
				}
				//else{
					//menuImages[index].setStyles({bottom:"0px",position:"absolute"});
					//el.setStyle("width","50px");
				//}
			});
		}
	}
	function fadeElements(el1,el2,el3){

		el2.addEvent('mouseover',function(){el3.fade("in");el2.fade("in");el1.addClass("on");});
		el2.addEvent('mouseout',function(){el3.fade("out");el2.fade("out");el1.removeClass("on");});
		el3.addEvent('mouseover',function(){el3.fade("in");el2.fade("in");el1.addClass("on");});
		el3.addEvent('mouseout',function(){el3.fade("out");el2.fade("out");el1.removeClass("on");});
		el1.addEvent('mouseover',function(){el3.fade("in");el2.fade("in");el1.addClass("on");});
		el1.addEvent('mouseout',function(){el3.fade("out");el2.fade("out");el1.removeClass("on");});


	}
	function loadSideSubMenus(){
		var topOffset,bottomOffset;
		var sideMenu = $("shops-menu-side");
		var sideMenuSubs;
		if( $("shops-menu-side-sub")){sideMenuSubs =  $("shops-menu-side-sub").getElements(".SubMenu"); }

		if(sideMenu){
			sideMenu.getElements(".sub-menu-item").each(function(el,index){
				topOffset = index*35;
				bottomOffset = (7-index)*35;

				el.setStyle("top",topOffset+"px");

				var SubMenuBridge = $("SubMenuBridge"+(index+1));
				if(SubMenuBridge){
					if(index > 3) SubMenuBridge.setStyle("bottom",bottomOffset+"px");
					else SubMenuBridge.setStyle("top",topOffset+"px");
				}

				if(sideMenuSubs){
					var SubMenuTemp = sideMenuSubs[index];
					if(SubMenuTemp){
						if(index > 3) SubMenuTemp.setStyle("bottom",bottomOffset+"px");
						else SubMenuTemp.setStyle("top",topOffset+"px");

						fadeElements(el,SubMenuBridge,SubMenuTemp);
					}
				}

			});
			sideMenu.setStyle("visibility","visible");
		}

	}


})();



