var Browser = Class.create({
  initialize: function() {
    var userAgent = navigator.userAgent.toLowerCase();
    this.version = (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1];
    this.safari = /webkit/.test( userAgent );
    this.opera = /opera/.test( userAgent );
    this.msie = /msie/.test( userAgent ) && !/opera/.test( userAgent );
    this.mozilla = /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent );
  }
});
var browser = new Browser();



if(browser.msie == false){
	$('nav_light').style.backgroundImage = "url(_images/nav_light.png)";
}

var nav_over = false;



new Effect.Fade('nav_light', { duration: 0.5, from: 0.4, to: 0.0 });

/*
$('nav').observe('mousemove', function(event) {


	if(nav_over == false){
		nav_over = true;
		new Effect.Appear('nav_light', { duration: 0.5, from: 0.0, to: 0.4  });
	}


	var mouseX = Event.pointerX(event),
	    mouseY = Event.pointerY(event);
	
	var navOffset = $('nav').viewportOffset();
	    
	  
	console.log(mouseY);    
	$('nav_light').style.left = (mouseX - navOffset.left - 280)  +"px";
	//Event.stop(event);

	    
});
*/


document.observe('mousemove', function(event) {


	var mouseX = Event.pointerX(event),
	    mouseY = Event.pointerY(event);
	    
	var navOffset = $('nav').viewportOffset();
	//console.log($('nav_light').style.display);  
	
	var navDisplay = $('nav_light').style.display;

	if( (mouseY < 93 || mouseY > 128) &&  navDisplay != 'none'){ 
		//$('nav_light').setOpacity (0);
		new Effect.Fade('nav_light', { duration: 0.5, from: 0.4, to: 0.0 });
	}
	else if((mouseY > 93 && mouseY < 128) &&  navDisplay == 'none') {
	
		$('nav_light').style.left = (mouseX - navOffset.left - 80)  +"px";
		new Effect.Appear('nav_light', { duration: 0.9, from: 0.0, to: 0.5  });
	
	}
	else {
	
		$('nav_light').style.left = (mouseX - navOffset.left - 80)  +"px";
	}
	
	
	Event.stop(event);

	    
});