var speed = .2;
var currentPane = 0;
var Panes = $H({ });
var browser;


Event.observe(window, 'load', function() {

	browser = BrowserDetect();
	
	heads = $('nav').getElementsBySelector('a');
	heads.each(function(item) {
		
		if(!item.hasClassName('selected')) {
			id = item.id.substr(4);

			if($('pane'+id)){
			
				//	clone this head and put it in the hover menu (this will layer over the existing head)			
				head = $('head'+id).cloneNode(true);
				head.removeAttribute('id');
				
				o_li = Element.extend(document.createElement('li'));
				o_li.appendChild(head);

				w = $('head'+id).getWidth();

				o_ul = Element.extend(document.createElement('ul')).addClassName('top');
				o_ul.appendChild(o_li);
				o_ul.setStyle({'width': w+'px', 'display': 'none'});

				$('pane'+id).insertBefore(o_ul, $('pane'+id).down('div'));
				
				//	define a mouse over event for this head link
				Event.observe('head'+id, 'mouseover', expandPane.bindAsEventListener($('head'+id),id));
			
				//	initiate a Pane effect holder array
				Panes[id] = null;
				
				}
			}
		});
	
	
	});




function expandPane(e){
	
	id = $A(arguments)[1];
	
	if(currentPane != 0){
		clearPane(currentPane);
		Event.stopObserving(document, 'mousemove', rolloutHandler);
		}
	
	offset = Position.positionedOffset($('head'+id));
	offset[0] -= 1;
	offset[1] += $('head'+id).getHeight();
	
	$('pane'+id).setStyle({left: offset[0]+'px', top: offset[1]+'px' });
	$('pane'+id).down('ul.top').setStyle({top: 0-$('head'+id).getHeight()+'px' }).show();
	
//	$('pane'+id+'_slider').show();	
	Panes[id] = new Effect.BlindDown('pane'+id+'_slider' , {duration:speed});
	
	currentPane = id;
	
	Event.observe(document, 'mousemove', rolloutHandler);
	
	
	}




function clearPane(id,smooth){
	
	$('pane'+id).down('ul.top').hide();
	
//	if(Panes[id]) {
		Panes[id].loop(Panes[id].startOn+speed*1000);
		if(!smooth){
			Panes[id].element.hide();
			Panes[id] = null;
			}
		else {
			Panes[id] = new Effect.BlindUp('pane'+id+'_slider' , {duration:speed});
			}
//		}
//	else $('pane'+id+'_slider').hide();	
	
	}




function rolloutHandler(e){

	var x = Event.pointerX(e);
	var y = Event.pointerY(e);
	
	if(browser=='ie7win' || browser=='ie6win')
		 inside = Position.within($('pane'+currentPane), x , y);
	else inside = Position.within($('pane'+currentPane+'_slider'), x , y);
	inside = (inside || Position.within($('head'+currentPane), x , y));
	
	/*
	var inside = Position.within($('head'+currentPane), x , y);
	menus = $('pane'+currentPane).getElementsByClassName('menu');
	menus.each(function(item) {
		if(Position.within(item, x , y)) inside = true;
		});
	*/

	if(!inside) {
		Event.stopObserving(document, 'mousemove', rolloutHandler);
		clearPane(currentPane,true);
		}

	}










	function BrowserDetect(){
	
		var browser = "unknown";
		
		if(inAgent('Opera 6') || inAgent('Opera 5'))
			browser = 'opera6';
			
		else if(inAgent('Opera'))
			browser = 'opera';
			
		else if(inAgent('Safari'))
			browser = 'safari';
			
		else if(inAgent('MSIE')) {
			if(inAgent('Mac'))
				browser = inAgent('MSIE 5') ? 'ie5mac' : 'ie4mac';
			else if(inAgent('Win')){
				if(inAgent('MSIE 7')) browser = 'ie7win';
				else if(inAgent('MSIE 6')) browser = 'ie6win';
				else browser = 'ie5win';
				}
			}
			
		else {
			if(inAgent('Mozilla/5') || inAgent('Mozilla/6')) {
				if(inAgent('Mac OS X')) {
					if  (navigator.userAgent.indexOf('Firefox')) browser = 'ffmac'
					else browser = 'ns6mac';
				}
				else {
					if  (navigator.userAgent.indexOf('Firefox')) browser = 'ff'
					else browser = 'ns6';
				}
			}
				
			else if(inAgent('Mozilla/4')) {
				if(inAgent('Mac')) browser = 'nsmac';
				else if(inAgent('Win')) browser = 'nswin';
				else browser = 'nsunix';
				}
			}
		
		return browser;
		}


	function inAgent(agent) {
		return navigator.userAgent.indexOf(agent) >= 0;
		}