<!--//--><![CDATA[//><!--
	sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

	//--><!]]>

//this one works with prototype library

if( document.addEventListener ) document.addEventListener( 'DOMContentLoaded', cmxform, false );
function cmxform(){

// Hide forms
$$('form.cmxform').each(Element.hide);

// Processing
$$('form.cmxform li label').each( function( label ){
    if (label.classNames() != 'nocmx') {
    var labelContent = label.innerHTML;
    var labelWidth = document.defaultView.getComputedStyle( label, '' ).getPropertyValue( 'width' );
    var labelSpan = document.createElement( 'span' );
    labelSpan.style.display = 'block';
    labelSpan.style.width = labelWidth;
    labelSpan.innerHTML = labelContent;
    label.style.display = '-moz-inline-box';
    label.innerHTML = '' ;
    label.appendChild( labelSpan );
    }
} ) ;

// Show forms
$$('form.cmxform').each(Element.show);

}


// JavaScript Document
var timeGap = 6; //seconds - change this value to increase/decrease pause between items
currid = null;

function switchTicker(){
	Event.observe($('sliderItems'),'mouseover',pauseSlider);
	Event.observe($('sliderItems'),'mouseout',playSlider);
	
	$items = $('sliderItems').getElementsByTagName("li");
	$buttons = $('sliderButtons').getElementsByTagName("li");
	if(currid == null){
		currid = 0;
		showItem($items[currid].id,0);
		Element.toggleClassName($buttons[currid],'selected');
		
	}else{
		Element.removeClassName($buttons[currid],'selected');
		hideItem($items[currid].id);
		if(currid == ($items.length-1)){
			currid = 0;
		}else{
			currid = currid + 1;
		}
		showItem($items[currid].id,0.3);
		Element.toggleClassName($buttons[currid],'selected');
	}
	timer = setTimeout(switchTicker,(timeGap*1000));
}

function pauseSlider(){
	clearTimeout(timer);
}

function playSlider(){
	timer = setTimeout(switchTicker,(timeGap*1000));
}

function switchToItem(itemNum){
	clearTimeout(timer);
	hideItem($items[currid].id);
	Element.removeClassName($buttons[currid],'selected');
	currid = itemNum;
	showItem($items[currid].id,0.3);
	timer = setTimeout(switchTicker,(timeGap*1000));
	Element.toggleClassName($buttons[currid],'selected');
}

function showItem(id,d){
	Effect.Appear($(id),{duration: 0.3, from: 0, to: 1,delay:d});
}

function hideItem(id){
	Effect.Fade($(id),{duration: 0.3, from: 1, to: 0});
}
//if (window.attachEvent) window.attachEvent("onload", switchTicker);

function initMegaMenus(){
	menuItems = $$('li.mega');
	subItems = $$('div.megaSubs');
	for(var i = 0; i < menuItems.length; i++){
		menuItems[i].observe('mouseenter', this.megaMouseOver.bindAsEventListener(menuItems[i],menuItems[i]));
		menuItems[i].observe('mouseleave', this.megaMouseOut.bindAsEventListener(menuItems[i],menuItems[i]));
	}
	for(var i = 0; i < subItems.length; i++){		
		//subItems[i].observe('mouseout', this.megaMouseOut.bindAsEventListener(subItems[i],subItems[i]));
	}
}
currMegaElement = null;
function megaMouseOver(event){
	if(currMegaElement != null){
		currMegaElement.removeClassName('hovering');
	}
	currMegaElement = arguments[1];
  	/*element.addClassName('hovering');*/
	
	megaTimer = setTimeout(showMegaMenu,200);

}

function megaMouseOut(e){
	id = Event.element(e);
	if(megaTimer != null){
		clearTimeout(megaTimer);
	}
	currMegaElement = arguments[1];
  	megaTimer = setTimeout(hideMegaMenu,200);

}

function showMegaMenu(){
	currMegaElement.addClassName('hovering');
}
function hideMegaMenu(){
	currMegaElement.removeClassName('hovering');
}
document.observe('dom:loaded', function () { initMegaMenus(); });