var project_index = 0;
var projects = ["ProFoods",	"Verizon",	"Beget",	"GalanIllustration",	"Passport",	"Arlovski",	"Dell",	"Liberty",	"Lumiere",	"YouMedia",		"Weather",	"TravelEagle",	"AdvancedPhotoshop",	"Reach",	"Cowboys"];

function displayTitle() {
	$('#title').fadeOut(function() { $(this).css("background-image", "url(images/slideshow/projects/"+ getProjectName() +"_TitleLarge.png)").fadeIn(); });
}

function displaySlide(order) {
	$('#slide').fadeOut(function() { $(this).css("background-image", "url(images/slideshow/projects/"+ getProjectName() +"_0" + order + ".jpg)").fadeIn(); });
}

function setSneakPeaks() {
	for(i=1;i<5;i++) {
		var sneak = document.getElementById('sneakPeak'+i);
		sneak.style.background = "url('images/slideshow/projects/"+ getProjectName() +"_Sneakpeak_0"+i+".jpg') top left no-repeat";
	}
}

function setPrevious() {
	$('#prev_img').css("background-image", "url(images/slideshow/projects/"+ getPrevName(project_index) +"_Thumb.png)");
	$('#prev_name').css("background-image", "url(images/slideshow/projects/"+ getPrevName(project_index) +"_TitleThumb.png)");
}
function setNext() {
	$('#next_img').css("background-image", "url(images/slideshow/projects/"+ getNextName(project_index) +"_Thumb.png)");
	$('#next_name').css("background-image", "url(images/slideshow/projects/"+ getNextName(project_index) +"_TitleThumb.png)");
}

var project_details_title = "Boobies";
var project_details_role = "Butter Roll";
var project_details_year = "2001";
var project_details_quote = "Hooray for Boobies!";

function setDetails() {
	$('#projectTitle').html( project_details_title );
	$('#projectRole').html("PROJECT DATE: " + project_details_year  +  " &nbsp;&nbsp; PROJECT ROLE: " + project_details_role );
	$('#projectQuote').html( project_details_quote );
	Cufon.replace('#projectTitle'); // Requires a selector engine for IE 6-7, see above
	Cufon.replace('#projectQuote');
}

function displayDetails() {
	$('#controls').fadeOut();
	$('#details').fadeIn();
}

function hideDetails() {
	$('#details').fadeOut();
	$('#controls').fadeIn();
}

function getProjectName() {
	return projects[project_index];
}

function getPrevName(index) {
	var sumtotal = projects.length;
	var prevProject = "none";
	if(index == 0)
		 prevProject = projects[sumtotal-1];
	else
		prevProject= projects[(index-1)];
	return prevProject;
}
function getNextName(index) {
	var sumtotal = projects.length;
	var nextProject = "none";
	if(index == sumtotal-1)
		nextProject = projects[0];
	else
		nextProject = projects[(index+1)];
	return nextProject;
}

function displayFirstSlide() {
	displaySlide(1);
}

function loadNextProject() {
	loadProject(project_index+1);
}
function loadPrevProject() {
	loadProject(project_index+1);
}

function loadProject(index) {
	// First make sure we are within bounds of project array
	if(index < 0) {
		project_index = projects.length - 1;
	} else {
		if(index > projects.length-1) {
			project_index = 0;
		} else {
			project_index = index;
		}
	}

	// now load up project files
	$('#slide').fadeOut();
	var projectName = getProjectName();
	$.ajax({	
		type: "GET",
		url: "projects/"+projectName+".xml",
		dataType: "xml",
		success:function(xml) {
			var hasSplash = $(xml).find('hasSplash').text();
			if( 'yes' == hasSplash ) {
				$('#slide').fadeOut(function() { $(this).css("background-image", "url(images/slideshow/projects/"+ projectName +"_00.jpg)").fadeIn(); });
				setTimeout(displayFirstSlide, 1800);
			} else {
				setTimeout(displayFirstSlide, 200);
			}
			var details = $(xml).find('details');
			project_details_title 		= $(details).find('title').text();
			project_details_role		= $(details).find('role').text();
			project_details_year	= $(details).find('date').text();
			project_details_quote	= $(details).find('quote').text();
			setDetails();
		},
		error:function() { 
			project_details_title 		=  projectName;
			project_details_quote	= "Ramiro Galan brings professionalsim and a unique perspective to every project.";
		}
	});
	setPrevious();
	setNext();
	setSneakPeaks();
	displayTitle();
}

function loadFirstProject() {
	setPrevious();
	setNext();
	var projectName = getProjectName();
	$.ajax({	
		type: "GET",
		url: "projects/"+projectName+".xml",
		dataType: "xml",
		success:function(xml) {
			var hasSplash = $(xml).find('hasSplash').text();
			if( 'yes' == hasSplash ) {
				$('#slide').fadeOut(function() { $(this).css("background-image", "url(images/slideshow/projects/"+ projectName +"_00.jpg)").fadeIn(); });
				setTimeout(displayFirstSlide, 1800);
			} else {
				setTimeout(displayFirstSlide, 200);
			}
			var details = $(xml).find('details');
			project_details_title 		= $(details).find('title').text();
			project_details_role		= $(details).find('role').text();
			project_details_year	= $(details).find('date').text();
			project_details_quote	= $(details).find('quote').text();
			setDetails();
		},
		error:function() {  }
	});	
}

$(document).ready(function(){
	loadFirstProject();
	var isiPad = navigator.userAgent.match(/iPad/i) != null;
	var isiPhone = navigator.userAgent.match(/iPhone/i) != null;
	//alert( 'isiPad : ' + isiPad + '\n isiPhone ' + isiPhone);
	if( ! (isiPad || isiPhone ) ) {
		$('#slide1').tooltip({
			tip: '#slideSneak1',
			position: 'top left',
			relative:'true',
			offset:[15,108],
			effect: 'slide'
			});
		$('#slide2').tooltip({
			tip: '#slideSneak2',
			position: 'top left',
			relative:'true',
			offset:[15,64],
			effect: 'slide'
			});
		$('#slide3').tooltip({
			tip: '#slideSneak3',
			position: 'top center',
			relative:true,
			offset:[15,-86],
			effect: 'slide'
			});
		$('#slide4').tooltip({
			tip: '#slideSneak4',
			position: 'top center',
			relative:'true',
			offset:[15,-133],
			effect: 'slide'
			});

		$('#next').tooltip({
			tip: '#preview_next',
			position: 'top left',
			relative:true,
			offset:[142,173],
			effect: 'fade'
			});
		$('#prev').tooltip({
			tip: '#preview_prev',
			position: 'top left',
			relative:true,
			offset:[142,172],
			effect: 'fade'
			});

		// Tool Tips for Contact Green BG Bar
		// initialize tooltip
		//$("#networks a img[title]").tooltip({
		//   offset: [10, -30],
		//   effect: 'slide'
		//});
	} // end if not iPad / iPhone
});