// manjographics


$(document).ready(function(){
						   
//hovermarkerstuff			   
$("#n1").hover(  function () {  $("#marker").clearQueue().animate({"left": "0px"}, 400, 'swing'); });						   
						   
$("#n2").hover(  function () {  $("#marker").clearQueue().animate({"left": "90px"}, 400, 'swing'); });

$("#n3").hover(  function () {  $("#marker").clearQueue().animate({"left": "180px"}, 400, 'swing'); });	

$("#n4").hover(  function () {  $("#marker").clearQueue().animate({"left": "300px"}, 400, 'swing'); });
  
$("#n5").hover(  function () {  $("#marker").clearQueue().animate({"left": "405px"}, 400, 'swing'); });	

$("#n6").hover(  function () {  $("#marker").clearQueue().animate({"left": "510px"}, 400, 'swing'); });	
					   
});


//set marker on onload
function sitename(name) {
	var site = name;
	


if (site == 'start') { 	var pixels = '180px';	 }
else {}

if (site == 'bio') { 	var pixels = '90px';	 }
else {}

if (site == 'images') { 	var pixels = '180px';	 }
else {}

if (site == 'videos') { 	var pixels = '300px';	 }
else {}

$('#marker').animate({ left: pixels }, 300, 'swing', function() { });
	
	//$("#marker").animate({left: pixels}, 300, 'swing');

}