//Start the load

//alert ("page load");
Event.observe(window, 'load', page_loaded);

function page_loaded(evt) {
		
		//alert("page loaded");
		//contact
		
		var contactContent = "contactDetail";

		$('contactDetail').hide();
		Event.observe('contactImg', 'click', function(e){ showhideContent(contactContent); }, false);
	
		//alert("page loaded 2");
		
		var photoContent = "photonav";

		Event.observe('photoClose', 'click', function(e){ showhideContent(photoContent); }, false);
		
		//alert("page loaded 3");
		
		//live
		var closeLive = "liveNavClose";
		var openLive = "liveNavOpen";
		var liveElementToChange = "photonavlive";
		
		//alert("page loaded 4");
        
        Event.observe('liveNavClose', 'click', function(e){ hidePhoto(closeLive, openLive, liveElementToChange); }, false);
		
		//alert("page loaded 5");
		
		Event.observe('liveNavOpen', 'click', function(e){ showPhoto(openLive, closeLive, liveElementToChange); }, false);
		
		//The hide onload for the + live symbol
		//$('liveNavOpen').hide();
		
		//alert("page loaded 6");
		
		
		//Portrait
		var closePortrait = "portraitNavClose";
		var openPortrait = "portraitNavOpen";
		var portraitElementToChange = "photonavportrait";
        
        Event.observe(closePortrait, 'click', function(e){ hidePhoto(closePortrait, openPortrait, portraitElementToChange); }, false);
		
		Event.observe(openPortrait, 'click', function(e){ showPhoto(openPortrait, closePortrait, portraitElementToChange); }, false);
		
		//The hide onload for the + live symbol
		//$(closePortrait).hide();
		
		//$(portraitElementToChange).hide();
		
		
		//Travel
		var closeTravel = "travelNavClose";
		var openTravel = "travelNavOpen";
		var travelElementToChange = "photonavtravel";
        
        Event.observe(closeTravel, 'click', function(e){ hidePhoto(closeTravel, openTravel, travelElementToChange); }, false);
		
		Event.observe(openTravel, 'click', function(e){ showPhoto(openTravel, closeTravel, travelElementToChange); }, false);
		
		//The hide onload for the + live symbol
		//$(closeTravel).hide();
		
		//$(travelElementToChange).hide();
			
		//alert ("end observing");

	
}

function showPhoto(open, close, ele){

//show photo element
//$(ele).show();
document.getElementById(ele).style.display = 'list-item';

//show minus symbol
//$(close).show();
document.getElementById(close).style.display = 'inline';

//hide plus symbol
//$(open).hide();
document.getElementById(open).style.display = 'none';

}

function hidePhoto(close, open, ele){

//hide show photo element
//$(ele).hide();
document.getElementById(ele).style.display = 'none';

//hide minus symbol
//$(close).hide();
document.getElementById(close).style.display = 'none';

//show plus symbol
//$(open).show();
document.getElementById(open).style.display = 'inline';

}

function showhideContent(id) {

if($(id).visible())
{
//$(open).hide();
document.getElementById(id).style.display = 'none';
}
else
{
//$(open).show();
document.getElementById(id).style.display = 'block';
}

}