//<![CDATA[

//  ... JavaScript code goes here ...
if(document.images)
{
  
	var about_up = new Image( 100, 30 ); 
	about_up.src = "images/aboutbtn_up.png";

	var portfolio_up = new Image( 100, 30 );
	portfolio_up.src = "images/portfoliobtn_up.png";

	var contact_up = new Image( 100, 30 );
	contact_up.src = "images/contactbtn_up.png";

	var about_over = new Image( 100, 30 );
	about_over.src = "images/aboutbtn_over.png";

	var portfolio_over = new Image( 100, 30 );
	portfolio_over.src = "images/portfoliobtn_over.png";

	var contact_over = new Image( 100, 30 );
	contact_over.src = "images/contactbtn_over.png";

window.onload = function(){
   
	   document.images['about'].onmouseover = function(){ over( 'about' ); };
	   document.images['portfolio'].onmouseover = function(){ over( 'portfolio' ); };
	   document.images['contact'].onmouseover = function(){ over( 'contact' ); };
	   document.images['about'].onmouseout = function(){ up( 'about' ); };
	   document.images['portfolio'].onmouseout = function(){ up( 'portfolio' ); };
	   document.images['contact'].onmouseout = function(){ up( 'contact' ); };
	   }
	   }
function over( target )
{
	if( document.images )
{
	document.images[target].src = eval( target + "_over.src" );

}
}
function up( target )
{
	if( document.images )
{
	document.images[target].src = eval( target + "_up.src" );

}
}