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


Event.observe(window, 'load', function() {
	
	if($('nav1')) {
		heads = $('nav1').getElementsBySelector('a');
		heads.each(function(item) {
			
			if(!item.hasClassName('selected')) {
				id = item.id.substr(4);
				
				//	clone this head and put it in the hover menu (this will layer over the existing head, with shadow)			
				head = $('head'+id).cloneNode(true);
				
				w = $('head'+id).getWidth() - 12;
				head.setStyle({'width': w+'px'});
				head.removeAttribute('id');
				
				head = Element.extend(document.createElement('li')).appendChild(head);
				tophead = Element.extend(document.createElement('ul')).addClassName('top');
				tophead.appendChild(head);
				tophead.setStyle({'display':'none'});
				
				//$('pane'+id+'_slider').down('div').insertBefore(tophead, $('pane'+id+'_slider').down('ul'));
				$('pane'+id).insertBefore(tophead, $('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 holer
				Panes[id] = null;
				}
			});
		}
	
	browser = BrowserDetect();
	
	
	});




function expandPane(e){
	
	id = $A(arguments)[1];
		
//	if($('head'+id).hasClassName('hover')) return true;

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




function clearPane(id,smooth){
	
	if(!Panes[id]) return false;
	
//	$('head'+id).removeClassName('hover');

	$('pane'+id).down('ul.top').hide();

	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});

	}




function rolloutHandler(e){

	var x = Event.pointerX(e);
	var y = Event.pointerY(e);

	inside = Position.within($('pane'+currentPane), 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;
		}