function addLoadEvent(func)
{
	var oldonLoad = window.onload;
	if (typeof window.onload != 'function')
	{
		window.onload = func;
	} 
	else
	{
		window.onload = function()
		{
			oldonLoad();
			func();
		}
	}
}

// fade handelers

function high(div1,div2)
{
	if (document.getElementById)
	{

		obj1 = document.getElementById(div1)? document.getElementById(div1):alert('error1');
		obj2 = document.getElementById(div2)? document.getElementById(div2):alert('error2');
		obj1.style.display = 'none';
		obj2.style.display = 'block';
		obj1.style.visibility = 'hidden';
		obj2.style.visibility = 'visible';
		
		if((div2 == 'image')  || (div2 == 'profile')|| (div2 == 'white') || (div2 == 'wrapper'))
		{
			fade(div2,0,'+');
		}
	}
}

function low(name)
{
	var elementobj = document.getElementById(name);
	var profile = document.getElementById('profile');
	var flash = document.getElementById('flash');
	
	switch(name)
	{
		case 'image':
			if(profile.style.display != 'none')
			{
				fade('profile',1,'-');//fade out image/witch then hides image and displays flash	
			}
			if(elementobj.style.display != 'none')
			{
				fade(name,1,'-');//fade out image/witch then hides image and displays flash	
			}
			if(elementobj.style.display == 'none')
			{
				high('flash','image');//hide flash/fade up image
			}
			break;
	case 'profile':
		if(profile.style.display != 'none')
		{
			fade(name,1,'-');
		}
		if(profile.style.display == 'none')
		{
			high('container','profile');
		}
		break;	
	case 'portfolio':
			if(profile.style.display != 'none')
			{
				fade('profile',1,'-');//fade out image/witch then hides image and displays flash	
			}
		if((flash.style.display == 'none') || (flash.style.visiblity ='hidden'))
		{
			fade('image',1,'-');//fade out image/witch then hides image and displays flash
		}
	break;
	}
}


//fade visiblity function

function fade(div,opacity,sum) 
{ 
	YAHOO.util.Dom.setStyle(div, 'opacity', opacity);
	
	if(sum == '+')
	{

		   if (opacity <= 1) 
			{
			  YAHOO.util.Dom.setStyle(div, 'opacity', opacity);
			  opacity += 0.2;
			  //alert(opacity);
			  window.setTimeout("fade('"+div+"',"+opacity+","+'"'+sum+'"'+")", 100);
			  
			}
	}
	if(sum == '-')
	{
			if (opacity  >= 0.0) 
			{
			  YAHOO.util.Dom.setStyle(div, 'opacity', opacity);
			  opacity -= 0.1;
			  if(opacity < 0.1)
			  {
				  object =document.getElementById(div);
				  object.style.display ="none";
				  object.style.visibility ='visible';
				  if(div =='image'){
					  high('image','flash');
				  }
				  if(div =='profile'){
					  high('image','container');
				  }
				  if(div =='white'){
					  	
						
					  	var wrapper = document.getElementById('wrapper');
						var container = document.getElementById('container');
						var white = document.getElementById('white');
						
						white.style.visibility ='hidden';
						white.style.display='none';
						
						wrapper.style.visibility = 'visible';
					  	container.style.visibility = 'visibile';
						wrapper.style.display = 'block';
						container.style.display = 'block';
						high('extra','flash');
						
						
						
						
					  	
					  		
					  
					  
				  }
			  }
			  else
			  {
			  window.setTimeout("fade('"+div+"',"+opacity+","+'"'+sum+'"'+")", 100);
			  }
			 
			}
	}
	
} 

function openPic(image)
{
	var wrapper = document.getElementById('wrapper');
	var container = document.getElementById('container');
	var white = document.getElementById('white');
	var flash = document.getElementById('flash');
	high('extra','white');
	var whiteContent = document.getElementById('whiteContent');
	whiteContent.innerHTML ='<br/><br/><br/><img src="./Photoflow_images/'+image+'" onclick="closePic()" alt="'+image+'" width=70%/>';
	wrapper.style.visibility = 'hidden';
	container.style.visibility = 'hidden';
	
	flash.style.visibility = 'hidden';
						

}

function closePic()
{	
  fade('white',1,'-');
}