// JavaScript Document

$(document).ready(function() {
	
	
	
	// top nav 	
	
$('#menu-content .project').bind("mouseenter",function() {
	navMove($(this));
	}),
	function () {
	} 
;

$('#menu-content').bind("mouseleave",function(){
	  
	  $("#selector").stop();
//alert('stop');
		navMove($('#menu-content .active '));
	}
);
 
  $('#slide-low').show("slide", { direction: "left" }, 1000);
	  $('#slide-top').show("slide", { direction: "right" }, 1000);
	 


$('#menu-content .active').ready(function () {
											 
    el = $('#menu-content .active ');
	var marg = parseInt($(el).css("margin-left").replace("px", ""));
	
	$('#selector').css('width', el.outerWidth());
	$('#selector').css('left', (el.position().left + marg) + 'px');
	$('#selector').css('background-color', '#fff');
	$('#selector').css('display', 'block');

});

function navMove(el)
{
	var vel = 100; // in pixels per 100ms
	
	var dis = Math.abs(el.position().left - $('#selector').position().left);
	var time = Math.round((dis / vel) * 100);
	var marg = parseInt($(el).css("margin-left").replace("px", ""));
	 
	//alert(el.outerWidth()); 

	$('#selector').animate({
		width: el.outerWidth(),
		left: el.position().left + marg +'px'});
		$('#selector').css('display', 'block');

}
	
 
 
});