var nav_select = 1;
var photoslink = "a.photoslink img";
var videolink = "a.videolink img";
var processlink = "a.processlink img";
var conceptlink = "a.conceptlink img";

$(document).ready(function(){
	fadeInContent("#photos");
	
	//PRELOAD NAV
	jQuery.preloadImages = function()
	{
		for(var i = 0; i<arguments.length; i++)
		{
			jQuery("<img>").attr("src", arguments[i]);
		}
	}
	$.preloadImages("img/nav/nav_concept-hover.gif", "img/nav/nav_photos-hover.gif", "img/nav/nav_process-hover.gif", "img/nav/nav_video-hover.gif");
	
	//HOVER FUNCTIONS
	$(".nav img").hover(function() {
		
		$(this).attr("src", $(this).attr("src").split(".").join("-hover."));
		$(".nav .title").attr("src", $(".nav .title").attr("src").split("-hover.").join("."));
	},
	function() {
	    $(this).attr("src", $(this).attr("src").split("-hover.").join("."));
		$(".nav .title").attr("src", $(".nav .title").attr("src").split(".").join("-hover."));
	});
	
	//PHOTOS CYCLE
	$('#photos').cycle({
		fx: 'fade',
		next: '#photos',
		timeout:0
	});
	
	//CONCEPT CYCLE
	$('#concept .leftside').cycle({
		fx: 'fade',
		next: '#concept .leftside',
		timeout:0
	});
	
	
	//PROCESS THUMBS
	$(".processthumb").click(function () {
		$("#processdisplay").empty().append("<img src=\""+$(this).attr("href")+"\" title=\"click to return\" />");
		$("#processdisplay").fadeIn("slow");
		return false;
	});
	$("#processdisplay").click(function(){
		$("#processdisplay").fadeOut("slow");
	});
	
	//
	$("a.photoslink img").click(function(){
		$(this).attr("class", "title");
		$(videolink).attr("class", "");
		$(conceptlink).attr("class", "");
		$(processlink).attr("class", "");
		
		fadeOutContent("#video");
		fadeOutContent("#process");
		fadeOutContent("#concept");
		fadeInContent("#photos");
	});

	$("a.conceptlink img").click(function(){
		$(this).attr("class", "title");
		$(videolink).attr("class", "");
		$(photoslink).attr("class", "");
		$(processlink).attr("class", "");
		
		fadeOutContent("#video");
		fadeOutContent("#process");
		fadeOutContent("#photos");
		fadeInContent("#concept");
	});
	
	$("a.processlink img").click(function(){
		$(this).attr("class", "title");
		$(videolink).attr("class", "");
		$(photoslink).attr("class", "");
		$(conceptlink).attr("class", "");

		fadeOutContent("#video");
		fadeOutContent("#photos");
		fadeOutContent("#concept");
		fadeInContent("#process");
		
	});
	
	$("a.videolink img").click(function(){
		$(this).attr("class", "title");
		$(conceptlink).attr("class", "");
		$(photoslink).attr("class", "");
		$(processlink).attr("class", "");
		
		fadeOutContent("#photos");
		fadeOutContent("#concept");
		fadeOutContent("#process");
		fadeInContent("#video");
	});
	
});

function fadeInContent(x){
	$(x).fadeIn("slow");
	$(x).fadeTo("slow", 1);
	if(x == "#video") videohidden = false;
}

function fadeOutContent(x){
	//if(x == "#video") {
	//	
	//	if(!videohidden) {
	//		$(x).fadeOut("slow", function() {
	//			setTimeout(function(){
	//				$(x).show().fadeTo(0, 0.01);
	//			}, 1);
	//		});
	//		videohidden = true;
	//	}
	//}
	//else
		$(x).fadeOut("slow");
}