// Portfolio javascript functions

var respText;
var categoryName;
var nextProject;
// ajax call for category images
function getCategory(catID, catName)
{
	categoryName = catName;
	var url = "inc/portfolio.ajax.php";
	var pars = "&catID=" + catID;
	
	var myAjax = new Ajax.Request(
		url, 
		{
			method: 'get', 
			parameters: pars, 
			onComplete: displayCategory
		});
		
}

function hideMe(e)
{
	$(e).style.display = 'none';	
}

// Displays category images - fades in and out between categories
function displayCategory(response)
{
	$('catHeader').innerHTML += "<img style='float:left;' src='img/loading.gif' alt='loading' />";
	respText = response.responseText;
	var elemPhotos = $('photos');
	new Effect.Appear('photos', { duration: 1.0, transition: Effect.Transitions.linear, from: 1.0, to: 0.0, afterFinish: myCallBackOnFinish });
	
	// Fade In with new images
	new Effect.Appear('photos', { queue:'end', duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to: 1.0 });
	//$('photos').innerHTML = response.responseText;
}

// Allows fading in to begin after fading out has finished.
function myCallBackOnFinish(obj, html){
	//alert("the Element's id the effect was applied to is :" + obj.element.id);
	document.getElementById('photos').style.display='none';
	document.getElementById('photos').innerHTML = respText;
	document.getElementById('catHeader').innerHTML = "<h1>" + categoryName + "</h1>";
}

// View project details
function viewProject(projectID)
{
	// Hide portfolio
	nextProject = projectID;
	hs.closeId('a_' + projectID);
	new Effect.Fade('portfolio', {afterFinish: gotoProject });	
	
	// Decided to redirect to a project page to clear up the divs. Too many javascript bugs
	// by combining the multiple pages, as well as needing to link to images through ajax.
	
	// fade in project details
	/*var url = "inc/portfolio.ajax.php";
	var pars = "&projectID=" + projectID;
	$('projectDetails').style.display='none';
	var myAjax = new Ajax.Request(
	url, 
	{
		method: 'get', 
		parameters: pars, 
		onComplete: displayProject
	});*/
}

// Redirect to project after fading out
function gotoProject()
{
	window.location = 'project.php?id=' + nextProject;
}

// Display project etails
function displayProject(response)
{	
	respText = response.responseText;
	$('projectDetails').innerHTML = respText;
	new Effect.Appear('projectDetails', {queue:'end', duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to: 1.0});

}