$(document).ready(function() {

	
	$.smoothAnchors("1500"); 
	//duration string set in milliseconds or "slow" "fast" "normal"
	
	Shadowbox.init({ 
	    language: 'en', 
    	players:  ['img',  'swf'] 
	});
	
	$('.tooltip').tipsy({gravity: 's'});
	
	$("#portfolio ul").accordion();

	//initialize indicator position
	var positionlifestream = $("#menulifestream").position();
	$("#indicator").stop();
	$("#indicator").animate({left: positionlifestream.left + "px"}, 200);    

	//Moving menu indicator if the Mouse hovers and area
	$("#aboutme").mouseover( function() {
		var positionaboutme = $("#menuaboutme").position();
		$("#indicator").stop();
		$("#indicator").animate({left: positionaboutme.left + "px"}, 200);
	})
	$("#portfolio").mouseover( function() {
		var positionportfolio = $("#menuportfolio").position();
		$("#indicator").stop();
		$("#indicator").animate({left: positionportfolio.left + "px"}, 200);
	})
	$("#lifestream").mouseover( function() {
		var positionlifestream = $("#menulifestream").position();
		$("#indicator").stop();
		$("#indicator").animate({left: positionlifestream.left + "px"}, 200);
	})
	//Moving menu indicator if the user clicks an area link (menu link)
	$("#menuaboutme").click( function() {
		var positionaboutme = $("#menuaboutme").position();
		$("#indicator").stop();
		$("#indicator").animate({left: positionaboutme.left + "px"}, 200);
	})
	$("#menuportfolio").click( function() {
		var positionportfolio = $("#menuportfolio").position();
		$("#indicator").stop();
		$("#indicator").animate({left: positionportfolio.left + "px"}, 200);
	})
	$("#menulifestream").click( function() {
		var positionlifestream = $("#menulifestream").position();
		$("#indicator").stop();
		$("#indicator").animate({left: positionlifestream.left + "px"}, 200);
	})
	
	
	
});