// JavaScript Document
var currIdx = 0;
var body2_ = false;

function preloadImage(n,val){
	var myPath = pathPrefix+'/'+val+'.jpg';			
	jQuery("<img>").attr("src", myPath);
	return;
}

function makeBlue(){
	var currImg = $(this).attr("id");
	var newPic = './images/blue/' + currImg +'.gif';
	$(this).attr("src",newPic);
}

function makeBlack(){
	var currImg = $(this).attr("id");
	if(currImg != currButton){
	  var newPic = './images/' + currImg +'.gif';
	  $(this).attr("src",newPic);				
	}
}

function selectCurrentButton(){
	var newPic = './images/blue/' + currButton +'.gif';
	var myButton = '#' + currButton;
	$(myButton).attr("src",newPic);
}

function fadeContent(){
		var outBody = "#body_";
		var inBody = "#body2_";
		var newContent = "#body_content2";
		var myPath = pathPrefix+'/'+images[currIdx]+'.jpg';
		
		if( body2_ ){
			outBody = "#body2_";
			inBody = "#body_";
			newContent = "#body_content";
		}
		
		body2_ = !body2_;
		
		$(newContent).attr("src",myPath);
		$(outBody).fadeOut(750);
		$(inBody).fadeIn(750);		
}

function trackDownload(pageview){
	pageTracker._trackPageview(pageview);
}

function animatePage(pathPrefix,images,currButton){
		var maxIdx = images.length - 1;
		var myPath = pathPrefix+'/'+images[currIdx]+'.jpg';
		
		$.each(images,preloadImage);
		
		function pressNext(){
			if( currIdx == maxIdx ){
				currIdx = -1;
			}
			currIdx = currIdx+1;
			if( currIdx == 0 ){
				$("#button_previous").hide();
			}
			else{
				$("#button_previous").show();				
			}
			
			fadeContent();
			
			return;
		}
		
		function pressPrevious(){
			currIdx = currIdx-1;
			if( currIdx == 0 ){
				$("#button_previous").hide();
			}
			fadeContent();
			return;	
		}
		
		selectCurrentButton();
		$(".menu *").hover(makeBlue,makeBlack);
		$("#button_previous").hide();
		$("#body_content").attr("src",myPath);
		$("#button_next").click(pressNext);
		$("#button_previous").click(pressPrevious);
		$("#link_cv").click(function(){trackDownload("/other/cv");});
}