// JavaScript Document
// Initialize the effects
var p1, p2, p3;		
window.onload = function() {
	
	p1 = new fx.Combo('p1', {height: true, opacity: false,
	duration: 300});		
	p2 = new fx.Combo('p2', {height: true, opacity: false,
	duration: 300});			
	p3 = new fx.Combo('p3', {height: true, opacity: false,
	duration: 300});
	
	
	// Hide them to begin with
	p1.hide();
	p2.hide();
	p3.hide();
	
	var funcArray = new Array();
	funcArray[0] = function p1Func() {
		p1.toggle()
		return false;
	}
	
	funcArray[1] = function p1Func() {
		p2.toggle()
		return false;
	}
	
	funcArray[2] = function p1Func() {
		p3.toggle()
		return false;
	}

	setup(funcArray);
}


//setup the javascript on the page
function setup(funcArray) {
	if (!document.getElementById) return false;
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById("slide")) return false;
	
	var slide = document.getElementById("slide");
	
	if (!slide.getElementsByTagName("a")) return false;
	var slideLnks = slide.getElementsByTagName("a");
	
	for ( var i=0;i<slideLnks.length;i++) {
		
		//set the slides
		slideLnks[i].onclick = funcArray[i];
		
		var hidetag = "p" + (i + 1);
		//alert(hidetag);
		
		if (!document.getElementById(hidetag)) return false;
		var portfollioPage = document.getElementById(hidetag);
		
		if (!portfollioPage.getElementsByTagName("li")) return false;
		var lists = portfollioPage.getElementsByTagName("li");

		if (!lists[0].getElementsByTagName("a")) return false;
		var hideLink = lists[0].getElementsByTagName("a");
		
		hideLink[0].onclick = funcArray[i];
		//alert(hideLink[0].onclick);
		
		hideLink[0].firstChild.nodeValue = "hide";		

	}		
}