function setActive (div_name)
{
	
	document.getElementById('menu_about').className = "menu_inactive";
	document.getElementById('menu_work').className = "menu_inactive";
	document.getElementById('menu_contact').className = "menu_inactive";

	if (div_name && prev_toggle != div_name)
	{
		document.getElementById("menu_"+div_name).className = div_name+"_active";					
		prev_toggle = div_name;			
	}
	else
		prev_toggle = '';	
	setTimeout('UpdateBackground()',500)	
}



function UpdateBackground()
{
	document.getElementById('background').style.height = document.getElementById('foreground').offsetHeight + "px";

}

var prev_work_id = -1;

function ViewProject(id)
{
	DoAjaxWorkPage ("work"+id+"_detail",id,"ajax_work.php?id="+id)

}


var prev_toggle = "";

for (var i=0; i < num_work; i++)
{
	eval ("var work_item"+i+";");
}

var myabout;
var mywork;	
var mycontact;	

window.addEvent('domready', function() {

	myabout = new Fx.Slide('submenu_about');
	mywork = new Fx.Slide('submenu_work');	

	mywork.addEvent('onComplete', function() {
		if (prev_toggle == "work")
			document.getElementById('submenu_work_content').style.overflow = "auto";
	});				
	
	mycontact = new Fx.Slide('submenu_contact');	
	
	for (var i=0; i < num_work; i++)
	{
		eval ("work_item"+i+" = new Fx.Slide('work"+i+"_detail');work_item"+i+".hide();");
	}
	
	function doSlideOut (item)
	{
		document.getElementById('submenu_work_content').style.overflow = "hidden";
		
		if (item == "work")				
			mywork.slideOut();	

			
		if (item == "contact")							
			mycontact.slideOut();		
			
		if (item == "about")		
			myabout.slideOut();				
	}
	
	if (current_expand != "About")
		myabout.hide(); 
	else
		prev_toggle = "about";
	 
	$('menu_about').addEvent('click', function(e){
		e = new Event(e);
			doSlideOut (prev_toggle);		
			myabout.toggle();
			setActive ('about');
		e.stop();
	});
	 


	if (current_expand != "Work")
		mywork.hide(); 
	else
		prev_toggle = "work";		
	 
	$('menu_work').addEvent('click', function(e){
		e = new Event(e);
			doSlideOut (prev_toggle);		
			
			mywork.toggle();
						
			setActive ('work');		
		e.stop();
	
	});
	 


	if (current_expand != "Contact")
		mycontact.hide(); 
	else
		prev_toggle = "contact";	
	 
	$('menu_contact').addEvent('click', function(e){
		e = new Event(e);
			doSlideOut (prev_toggle);	
			mycontact.toggle();
			setActive ('contact');		
		e.stop();
	});
	

});

var xmlHttp;

var http_request = false;

function DoAjaxWorkPage (div_name,id,url)
{
	var url = url+"&nocache="+(new Date()-0);
	// branch for native XMLHttpRequest object
	if (window.XMLHttpRequest)
	{
		xmlHttp = new XMLHttpRequest();
		xmlHttp.onreadystatechange = new Function("processWorkAJAX('"+div_name+"',"+id+")");
		xmlHttp.open("GET", url, true);
		xmlHttp.send(null);
	// branch for IE/Windows ActiveX version
	}
	else if (window.ActiveXObject) 
	{
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		if (xmlHttp) 
		{
		
			xmlHttp.onreadystatechange = new Function("processWorkAJAX('"+div_name+"',"+id+")");

			xmlHttp.open("GET", url, true);
			xmlHttp.send();
		}
	}
}


function processWorkAJAX(div_name,id) 
{
	// only if req shows "complete"
	if (xmlHttp.readyState == 4)
	{
		// only if "OK"
		if (xmlHttp.status == 200)
		{
			if (prev_work_id >= 0)
			{
				eval ("work_item"+prev_work_id+".slideOut()");
				document.getElementById('work'+prev_work_id).className = "menu_inactive";			
			}

			document.getElementById(div_name).innerHTML=xmlHttp.responseText 
			
			eval ("work_item"+id+".toggle();");			

			document.getElementById('work'+id).className = "work_active";				
			prev_work_id = id
		}
		else 
			alert("There was a problem retrieving the XML data:\n" + xmlHttp.statusText);
	}
}


function ViewImage (filename,width,height)
{
	document.getElementById("image_preview").innerHTML = '<a href="javascript:CloseImage ()"><img src="'+filename+'" alt="" width="'+width+'" height="'+height+'" border="0"></a>'
	document.getElementById("image_preview").className = "visible";
}

function CloseImage ()
{
	document.getElementById("image_preview").className = "invisible";
}