/////////////////////////// DOM type detection  ////////////////////////////////////////////////////////////////////////////////
 var isDHTML = 0;
 var isLayers = 0;
 var isAll = 0;
 var isID = 0;
              
 if (document.getElementById)	
 	{isID = 1; isDHTML = 1; }
 else	{
	if (document.all) {isall = 1; isDHTML = 1; }
	else {
		browserVersion = parseInt(navigator.appVersion);
		if((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) 
			{isLayers = 1; isDHTML =1;}
		}
	}
	
	
	
/////////////////////////////// load styleshet for n4///////// call on every page ///////////////////////////////////////////////////

function n4Stylesheet()		{

	if ( isLayers == 1 )	{		///checks for n4 by using var from above
		
		if	(document.title == 'Duncan Mackenzie ~ Artist')	//(home page) setting up to get style sheet from proper dir
			{ up = ''; } 
		else 
			{ up = '../'; }// all other pages (second level dir)

    	document.write('<link rel="stylesheet" href="');
    	document.write(up);
    	document.write('duncN4.css" type="text/css" />');
    	
 	}
 	
}

//////////////////////////////////// resize home page all except n4///////// call on every page /////////////////////////////////////////

function resizeHome()	{ 
  
browserVersion = parseInt(navigator.appVersion);
 
	if((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4))  {///checks for n4 by using var from above	
	window.resizeTo(785,585);	
      			// do nothing
    } 
    else 	{ // later netscape &safari  mozilla...
    	if (navigator.appName  == 'Netscape')	{
    		var str = navigator.appVersion; 
			var reg = new RegExp('Safari');
			if (reg.test(str))	{ //////////////////////////////if Safari//////////////
 				window.resizeTo(800,691);	
 			} else	{ //// if netscape 6=, mozilla....///////////////////////
    			window.innerWidth= 800;
    			window.innerHeight = 600; 
    		}
    	} else	{  // IE, ......?  	 	
    			window.resizeTo(821,709);	
    	}
 	}
}

//////////////////////////////////// resize page all with spec w & h /////////////////////////////////////////

function resizePage(width, height)	{ 
  
browserVersion = parseInt(navigator.appVersion);
 
	if((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4))  {///checks for n4 by using var from above	
	window.resizeTo((width-15), (height-15));	
      			// do nothing
    } 
    else 	{ // later netscape &safari  mozilla...
    	if (navigator.appName  == 'Netscape')	{
    		var str = navigator.appVersion; 
			var reg = new RegExp('Safari');
			if (reg.test(str))	{ //////////////////////////////if Safari//////////////
 				window.resizeTo(width,(height+91));	
 			} else	{ //// if netscape 6=, mozilla....///////////////////////
    			window.innerWidth= width;
    			window.innerHeight = height; 
    		}
    	} else	{  // IE, ......?  	 	
    			window.resizeTo((width+21), (height+109));	
    	}
 	}
}
/////////////////////////////////// fixing css resize - reload problem in N4 ////////////////////////////////////////////////////
if ( isLayers == 1 )	{		///checks for n4 by using var from above
			
	origWidth = innerWidth;		
	origHeight = innerHeight;
	}

function reloadPage()	{
	
		if (innerWidth != origWidth || innerHeight != origHeight)
		
			location.reload();
		
		}
		
if ( isLayers == 1 )	{		///checks for n4 by using var from above
		onresize = reloadPage;
		}				



               		 
///////////////////////////////////find DOM (uses DOM detection from top) /////////////////////////

function findDOM(objectID, withStyle) {
	if (withStyle == 1)	{
		if (isID)	{ return (document.getElementById(objectID).style) ; }
		else {   
			if (isAll)	{ return (document.all[objectID].style); }
			else {
				if (isLayers) { return (document.layers[objectID]); }  
				};//check this";"
			}
	} 
	else {
		if (isID) {return (document.getElementById(objectID));}
		else {
			if (isAll)	{ return (document.all[objectID]); }
			else {
				if (isLayers) { return (document.layers[objectID]); }  
				};//check this";"
			}  
	}
}
	
               		 
///////////////////////////////////find DOM (uses DOM detection from top) /////////////////////////

function findDOMNested(objectID1, objectID2, withStyle) {
	if (withStyle == 1)	{
		if (isID)	{ return (document.getElementById(objectID2).style) ; }
		else {   
			if (isAll)	{ return (document.all[objectID2].style); }
			else {
				if (isLayers) { 
					if (objectID1)
						{ return (document.layers[objectID1].layers[objectID2]); }
					else
						{ return (document.layers[objectID2]); }
				}
				
			};//check this";"
		}
	} 
	else {
		if (isID) {return (document.getElementById(objectID2));}
		else {
			if (isAll)	{ return (document.all[objectID2]); }
			else {
				if (isLayers) {
					if (objectID1)	
						{ return (document.layers[objectID1].layers[objectID2]); } 
					else	{return (document.layers[objectID2]);}	
				} 
			};//check this";"
		}  
	}
}
// preload images

/*function preload_em() {
img_1 = new Image;
img_2 = new Image;
img_3 = new Image;
img_4 = new Image;
img_5 = new Image;
img_6 = new Image;
img_7 = new Image;
 
 
img_1.src = "i/bg_sand_black.jpg";
img_2.src = "i/bg_01.jpg";
img_3.src = "i/bg_02.jpg";
img_4.src = "i/bg_03.jpg";
img_5.src = "i/bg_clouds.jpg";
img_6.src = "i/bg_seas.jpg";
img_7.src = "i/pelicans2.jpg";


}


//preload
window.onload = preload_em;

*/
	
	
///////////// array for rollovers-toplevel index page////// call on top page /////////////////
function preloadTop()	{
	if(document.images)	{
		imag = new Array();
			imag[0] = "images/btn_land.gif";
			imag[1] = "images/btn_land_roll.gif";
			imag[2] = "images/btn_glass.gif";
			imag[3] = "images/btn_glass_roll.gif";
			imag[4] = "images/btn_studio.gif";
			imag[5] = "images/btn_studio_roll.gif";
			imag[6] = "images/btn_bio.gif";
			imag[7] = "images/btn_bio_roll.gif";
			imag[8] = "images/btn_contact.gif";
			imag[9] = "images/btn_contact_roll.gif";
			imag[10] = "images/btn_home.gif";
			imag[11] = "images/btn_home_roll.gif";
			imag[12] = "images/btn_sculpture.gif";
			imag[13] = "images/btn_sculpture_roll.gif";
			imag[14] = "images/btn_colorado.gif";
			imag[15] = "images/btn_colorado_roll.gif";
			imag[16] = "images/btn_portfolio.gif";
			imag[17] = "images/btn_portfolio_roll.gif";

		
			im = new Array();
			for (var i = 0; i < imag.length; i++)
				{
					im[i] = new Image();
					im[i].src = imag[i];
				}
	}
}

	
///////////// array for rollovers-portfolio page////// call on top of page /////////////////
function preloadPortfolio()	{
	if(document.images)	{
		imag = new Array();
	
			imag[0] = "../images/btn_bio.gif";
			imag[1] = "../images/btn_bio_roll.gif";
			imag[2] = "../images/btn_contact.gif";
			imag[3] = "../images/btn_contact_roll.gif";
			imag[4] = "../images/btn_portfolio.gif";
			imag[5] = "../images/btn_portfolio_roll.gif";
			imag[6] = "../images/btn_resume.gif";
			imag[7] = "../images/btn_resume_roll.gif";
		
			im = new Array();
			for (var i = 0; i < imag.length; i++)
				{
					im[i] = new Image();
					im[i].src = imag[i];
				}
	}
}



///////////// array for rollovers-toplevel index page////// call on top page /////////////////
function preload()	{
	if(document.images)	{
		imag = new Array();
			imag[0] = "../images/btn_land_sm.gif";
			imag[1] = "../images/btn_land_roll_sm.gif";
			imag[2] = "../images/btn_glass_sm.gif";
			imag[3] = "../images/btn_glass_roll_sm.gif";
			imag[4] = "../images/btn_studio_sm.gif";
			imag[5] = "../images/btn_studio_roll_sm.gif";
			imag[6] = "../images/btn_bio_sm.gif";
			imag[7] = "../images/btn_bio_roll_sm.gif";
			imag[8] = "../images/btn_contact_sm.gif";
			imag[9] = "../images/btn_contact_roll_sm.gif";
			imag[10] = "../images/btn_home_sm.gif";
			imag[11] = "../images/btn_home_roll_sm.gif";
			imag[12] = "../images/btn_sculpture_sm.gif";
			imag[13] = "../images/btn_sculpture_roll_sm.gif";
			imag[14] = "../images/btn_colorado_sm.gif";
			imag[15] = "../images/btn_colorado_roll_sm.gif";
			
			im = new Array();
			for (var i = 0; i < imag.length; i++)
				{
					im[i] = new Image();
					im[i].src = imag[i];
				}
	}
}

//////////////////////toggle function-toplevel index page//////////////////////////////
function toggleImageTop(imgName, num)	{
	if (document.images && imgName)	{
		imgName.src = im[num].src;
		}
	return;
}

/////////// toggle function///uses preload for rollover///////////////////////////////////

function toggleImage(imgName, num)	{//alert(imgName);
	if (document.images && imgName)	{
		imgName.src = im[num].src;
		}
	return;
}


/////////////////////////////////////////////////show content//////////////////////////////////////
function showContent(targetId) {
	
	target = findDOM(targetId,1);
	if ( isLayers == 1 )	{		///checks for n4 by using var from above
	 	target.visibility = "show"; 
	} 
    else	{ 
      	target.visibility = "visible"; 
    }    		   	
}


////////////////////////////////////////////////////hide content////////////////////////////////////////////
//hide content
function hideContent(targetId)	{
	target = findDOM(targetId,1);
	if (target.visibility == "show")
	
      	{target.visibility = "hide";}
    			
    else	
    
   		{target.visibility = "hidden";}
}

	
/////////////////////////////////////////// this is anew window (resizable)///////////////////////////////////////

function newWin(URL) {
	newWindow = window.open(URL, 'window1', 'location=yes,toolbar=yes,status=yes,menubar=yes,scrollbars=yes,width=800,height=600,resizable=yes'); 
	newWindow.focus();//focus doesnt seem to work in IE on OS 9....
}