// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
App = {	
	init: function()  {
		//var $j = jQuery.noConflict();
		els = $('navTable').getElementsByClassName('LiBase');	
		for (i=0; i< els.length; i++){		
			els[i].observe('mouseover',App.elementMouseoverHandler);		
			els[i].observe('mouseout',App.elementMouseoutHandler);
			//elshadow[i].width = els[i].offsetWidth -1;			
		}				

		elshadow = document.getElementsByClassName('shadowTodisplay');		
		var arVersion = navigator.appVersion.split("MSIE")		
		var version = parseFloat(arVersion[1])		
		if ((version >= 5.5) && (document.body.filters) && (version < 7.0)){
		for (i=0;i<elshadow.length;i++){
			var imgID = (elshadow[i].id)? "id='" + elshadow[i].id +"'" : ""					
			var imgClass = (elshadow[i].className) ? "class='" + elshadow[i].className + "' " : ""					
			var imgAlt = (elshadow[i].alt) ? "alt='" + elshadow[i].alt + "' " : ""
			var imgStyle = "display:inline-block;" + elshadow[i].style.cssText				
			if (elshadow[i].align == "left") imgStyle = "float:left;" + imgStyle
			if (elshadow[i].align == "right") imgStyle = "float:right;" + imgStyle
			el_width = $('LiTopLvlLiBaseLvl'+ (i+1));							
			imgWidthtoadd = el_width.offsetWidth -1				
			var strNewHTML = "<div " + imgID + + imgClass + imgAlt
			+ " style=\"" + "width:" + imgWidthtoadd + "px; height:" + elshadow[i].height + "px;" + imgStyle + ";"
			+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			+ "(src=\'" + elshadow[i].src + "\', sizingMethod='scale');\"" + "><" + "\/" + "div>"
			elshadow[i].outerHTML = strNewHTML
			}
		}
		for (i=0;i<elshadow.length;i++){
			el_width = $('LiTopLvlLiBaseLvl'+ (i+1));
			elshadow[i].width = el_width.offsetWidth -1;
		}

	},
	elementMouseoverHandler: function(event){
		el = Event.element(event);
		if (el.className == 'LiBase'){
			el.className='LiBaseBar';			
			elTopLi = $('LiTopLvl'+el.id);
			elTopLi.className='LiHoveredBaseBack';			
			elRelatedShadow = $('ShadowMenuRender'+el.id.substring(el.id.length-1));
			elRelatedShadow.style.visibility = 'visible';
		}else if(el.className == 'MenuLink'){
			elLiA = el.parentNode;
			elLiA.className ='LiBaseBar';
			elTopLi = $('LiTopLvl'+elLiA.id);
			elTopLi.className='LiHoveredBaseBack';
			elRelatedShadow = $('ShadowMenuRender'+elLiA.id.substring(elLiA.id.length-1));
			elRelatedShadow.style.visibility = 'visible';
		}else if(el.className=='LiBase First'){
			el.className='LiBaseBarFirst';			
			elTopLi = $('LiTopLvl'+el.id);
			elTopLi.className='LiHoveredBaseBack';
			elRelatedShadow = $('ShadowMenuRender'+el.id.substring(el.id.length-1));
			elRelatedShadow.style.visibility = 'visible';
		}else if(el.className == 'MenuLinkFirst'){
			elLiA = el.parentNode;
			elLiA.className ='LiBaseBarFirst';
			elTopLi = $('LiTopLvl'+elLiA.id);
			elTopLi.className='LiHoveredBaseBack';
			elRelatedShadow = $('ShadowMenuRender'+elLiA.id.substring(elLiA.id.length-1));
			elRelatedShadow.style.visibility = 'visible';
		}else if(el.className=='LiBase Last'){			
			el.className='RoundBaseLast';			
			elTopLi = $('LiTopLvl'+el.id);
			elTopLi.className='BaseLast';
			elRelatedShadow = $('ShadowMenuRender'+el.id.substring(el.id.length-1));
			elRelatedShadow.style.visibility = 'visible';
		}else if(el.className == 'MenuLinkLast'){
			elLiA = el.parentNode;
			elLiA.className ='RoundBaseLast';
			elTopLi = $('LiTopLvl'+elLiA.id);
			elTopLi.className='BaseLast';
			elRelatedShadow = $('ShadowMenuRender'+elLiA.id.substring(elLiA.id.length-1));
			elRelatedShadow.style.visibility = 'visible';
		}
	},
	elementMouseoutHandler: function(event){
		el = Event.element(event);
		if (el.className == 'LiBaseBar'){
			el.className='LiBase';
			elTopLi = $('LiTopLvl'+el.id);
			elTopLi.className = 'LiBaseBack';
			elRelatedShadow = $('ShadowMenuRender'+el.id.substring(el.id.length-1));
			elRelatedShadow.style.visibility = 'hidden';
		}else if(el.className == 'MenuLink'){
			elLiA = el.parentNode;
			elLiA.className ='LiBase';
			elTopLi = $('LiTopLvl'+elLiA.id);
			elTopLi.className='LiBaseBack';
			elRelatedShadow = $('ShadowMenuRender'+elLiA.id.substring(elLiA.id.length-1));
			elRelatedShadow.style.visibility = 'hidden';
		}else if(el.className=='LiBaseBarFirst'){
			el.className='LiBase First';			
			elTopLi = $('LiTopLvl'+el.id);
			elTopLi.className='LiBaseBack';
			elRelatedShadow = $('ShadowMenuRender'+el.id.substring(el.id.length-1));
			elRelatedShadow.style.visibility = 'hidden';
		}else if(el.className == 'MenuLinkFirst'){
			elLiA = el.parentNode;
			elLiA.className ='LiBase First';
			elTopLi = $('LiTopLvl'+elLiA.id);
			elTopLi.className='LiBaseBack';
			elRelatedShadow = $('ShadowMenuRender'+elLiA.id.substring(elLiA.id.length-1));
			elRelatedShadow.style.visibility = 'hidden';
		}else if(el.className=='RoundBaseLast'){
			el.className='LiBase Last';			
			elTopLi = $('LiTopLvl'+el.id);
			elTopLi.className='LiBaseBackLast';
			elRelatedShadow = $('ShadowMenuRender'+el.id.substring(el.id.length-1));
			elRelatedShadow.style.visibility = 'hidden';		
		}else if(el.className == 'MenuLinkLast'){
			elLiA = el.parentNode;
			elLiA.className ='LiBase Last';
			elTopLi = $('LiTopLvl'+elLiA.id);
			elTopLi.className='LiBaseBackLast';
			elRelatedShadow = $('ShadowMenuRender'+elLiA.id.substring(elLiA.id.length-1));
			elRelatedShadow.style.visibility = 'hidden';
		}			
	} 	
}
Event.observe(window, 'load',
      function() { App.init() }
);