  <!--
	
	// Created by JW
	// Friday, June 29, 2001
	// shared functions for procreate.com
	
	//aName = navigator.appName;
	//alert(aName+"\n"+navigator.appVersion+"\n"+navigator.userAgent+"\n"+navigator.appCodeName);


		
	//*********************************************
	//***************GLOBAL VARS*******************
	//*********************************************	
	
		var i = 0;
		var j = 0;
		var ver = 0;
		var ua = window.navigator.userAgent.toLowerCase();	
		i = ua.indexOf('msie');
		j = ua.indexOf('windows');
		
		if (i !=-1 && j !=-1)
			{
			ver = parseFloat(ua.substring(i+5,ua.indexOf(';',i)));
			}
		
		// Initialize variables with browser detection
		dom = (document.getElementById) ? true : false;	
		ie6 = (ver >= '6') ? true : false;	
		ie5 = (ver >= '5' && ver < '6') ? true : false;		
		//ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom && (navigator.userAgent.indexOf("Windows")>-1) ) ? true : false;		
		ie5MAC = ((navigator.userAgent.indexOf("MSIE")>-1) && dom && (navigator.userAgent.indexOf("Windows")==-1) ) ? true : false;		
		ns6 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;		
		ie4 = (document.all && !dom) ? true : false;		
		ns4 = (!document.all && !dom);
		//ns4 = (document.layers && !dom) ? true : false; I HAVE NO CLUE WHY THIS DOESN'T WORK, BUT IT BLOWS UP THE SCRIPT???"
		nodyn = (!ns6 && !ns4 && !ie4 && !ie5) ? true : false;
		
		// used to deal with kerning issue in ie...
		howManyBR  = (ie5 || ie6)? "<br /><br /><br /><br />" : (ns4 || ns6 || ie5MAC || ie4 )?  "<br /><br />" : "<br /><br />";
		
		// array to track windows (popups etc.)
		WinId = new Array();
		
		// Initialize var for tracking open windows
		CurrentWin = 0;		
	
	
	//*********************************************
	//***********************STYLE*****************
	//*********************************************
	
	//var test = window.location.search;
	//var isFeature = (test.indexOf("painter7features")!=-1)? true : false;
	
	//var ftSize = (ns4)? '10pt' : (ie4||ie5||ns6||ie5MAC)? '8pt' : null; this is how it should be, but netscape can't read the var from the .js file...
	ftsmall  = (ns4)? '9pt' : (ie4||ie5||ie6||ns6||ie5MAC)? '7pt' : '9pt';
	ftSize  = (ns4)? '10pt' : (ie4||ie5||ie6||ns6||ie5MAC)? '8pt' : '10pt'; // set the null value to be the size for netscape because if ns4 will be null, so none of the conditions will be met...
	ftSize2 = (ns4)? '12pt' : (ie4||ie5||ie6||ns6||ie5MAC)? '10pt' : '12pt';
	lyrHeight  = (ns4)? 'height:134;' : (ie4||ie5||ie6||ns6)? 'height:132;' : (ie5MAC)? '': 'height:134;'; 
	wndoHeight  = (ns4)? 134 : (ie4||ie5||ie6||ns6)? 132 : (ie5MAC)? 135 : 134; 	
	
	document.write
	("<style>\n"
		+".bodytext	      { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px }\n"
		+".bodytextS      { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px }\n"
		+".bodytextA	  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #607bb4; text-decoration: none; letter-spacing : 1px}\n"
		+".bodytextblack  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }\n"
		+".bodybold 	  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: bold; font-weight: 700; color: #000000; text-decoration: none; letter-spacing : 1px}\n"
		+".bodytitle	  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize2+"; font-style: bold; font-weight: 700; color: #000000; text-decoration: none }\n"
		+".bodyitalic	  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: italic; font-weight: normal; color: #000000; text-decoration: none }\n"
		+".legal      { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftsmall+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }\n"
		+".fineprint      { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none }\n"
		+".fineprintLINK  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #999999; text-decoration: none }\n"
		+".scroller     				  {position:absolute;left:315;width:10;}\n"
		+".scrollerWIDE 				  {position:absolute;left:469;width:10;}\n"
		+".scroller A   				  {text-decoration: none;}\n"
		+".inner        				  {position:absolute; z-index:20; left:0; top:0; width:308; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #999999; text-decoration: none; letter-spacing : 1px}\n"
		/*#s1         				  {font:"+ftSize2+" arial,helvitica,sans-serif;background:white;color:navy;layer-background-color:white;};*/
		+"A:LINK				   		  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #628BC7; text-decoration: none; letter-spacing : 1px}\n"
		+"A:VISITED			   		  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #628BC7; text-decoration: none; letter-spacing : 1px }\n"
		/*A:HOVER 					  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize2+"; font-style: normal; font-weight: normal; color: #607bb4; text-decoration: none }*/
		
		+"A.copylink:LINK				  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #628BC7; text-decoration: none; letter-spacing : 1px }\n"
		+"A.copyvisit:VISITED			  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #628BC7; text-decoration: none; letter-spacing : 1px }\n"
		/*A copyhover:HOVER 		  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize2+"; font-style: normal; font-weight: normal; color: #607bb4; text-decoration: none }*/
		
		
		+".on   					      { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px }\n"
		+".off  						  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px }\n"
		+".done 					  	  { font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px }\n"
		
		
		/* specs for containing layers on art template */
		+"#ptArt	{ position:relative; width:370; left:0; top:0; }\n"
		+"#wndoArt	{ position:absolute; left:0; top:11; width:370; height:420; clip:rect(0 370 420 0); overflow:hidden; }\n"
		
			
		/* specs for scrolling content layers on art page */	
		+"#alyr0	{ position:absolute; visibility:hidden;	left:0; top:0; width:370; height:420; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:80; }\n"	
		+"#alyr1	{ position:absolute; visibility:hidden;	left:0; top:0; width:370; height:420; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:70; }\n"	
		+"#alyr2	{ position:absolute; visibility:hidden;	left:0; top:0; width:370; height:420; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:60; }\n"			
		+"#alyr3	{ position:absolute; visibility:hidden;	left:0; top:0; width:370; height:420; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:50; }\n"	
		+"#alyr4	{ position:absolute; visibility:hidden;	left:0; top:0; width:370; height:420; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:40; }\n"	
		+"#alyr5	{ position:absolute; visibility:hidden;	left:0; top:0; width:370; height:420; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:30; }\n"			
		
			
		/* specs for containing layers on feature template */
		+"#ptFeature	{ position:relative; width:400; left:0; top:0; }\n"
		+"#wndoFeature	{ position:absolute; left:0; top:11; width:400; height:210; clip:rect(0 400 210 0); overflow:hidden; }\n"
		
		
		/* specs for scrolling content layers on feature page */	
		+"#flyr0	{ position:absolute; visibility:hidden;	left:0; top:0; width:400; height:210; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:80; }\n"	
		+"#flyr1	{ position:absolute; visibility:hidden;	left:0; top:0; width:400; height:210; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:70; }\n"	
		+"#flyr2	{ position:absolute; visibility:hidden;	left:0; top:0; width:400; height:210; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:60; }\n"	
		+"#flyr3	{ position:absolute; visibility:hidden;	left:0; top:0; width:400; height:210; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:50; }\n"	
		+"#flyr4	{ position:absolute; visibility:hidden;	left:0; top:0; width:400; height:210; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:40; }\n"	
		+"#flyr5	{ position:absolute; visibility:hidden;	left:0; top:0; width:400; height:210; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:30; }\n"	
		+"#flyr6	{ position:absolute; visibility:hidden;	left:0; top:0; width:400; height:210; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:20; }\n"	
		+"#flyr7	{ position:absolute; visibility:hidden;	left:0; top:0; width:400; height:210; padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:10; }\n"	
		
			
		/* specs for containing layers on small template */
		+"#pt	{ position:relative; width:308; left:0; top:0; }\n"
		+"#wndo	{ position:absolute; left:0; top:11; width:308; height: "+wndoHeight+"; clip:rect(0 308 "+wndoHeight+" 0); overflow:hidden; }\n"
		
		/* specs for scrolling content layers on product pages */	
		+"#lyr0	{ position:absolute; visibility:hidden;	left:0; top:0; width:308; "+lyrHeight+" padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:40; }\n"	
		+"#lyr1	{ position:absolute; visibility:hidden;	left:0; top:0; width:308; "+lyrHeight+" padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:30; }\n"	
		+"#lyr2	{ position:absolute; visibility:hidden;	left:0; top:0; width:308; "+lyrHeight+" padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:20; }\n"	
		+"#lyr3	{ position:absolute; visibility:hidden;	left:0; top:0; width:308; "+lyrHeight+" padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:10; }\n"	
		
		/* specs for containing layers on large template */
		+"#ptLarge	 { position:relative; width:467; left:0; top:0; }\n"
		+"#wndoLarge { position:absolute; left:0; top:11; width:467; height: "+wndoHeight+"; clip:rect(0 467 "+wndoHeight+" 0); overflow:hidden; }\n"
		//+"#pt1	 { position:relative; width:467; left:0; top:0; }\n"
		//+"#wndo1 { position:absolute; left:0; top:11; width:467; height: "+wndoHeight+"; clip:rect(0 467 "+wndoHeight+" 0); overflow:hidden; }\n"
		
		/* specs for scrolling content layers on info pages */	
		+"#lyr0Lrg { position:absolute; visibility:hidden; left:0; top:0; width:467; "+lyrHeight+" padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:100; }\n"
		//+"#lyr5	{ position:absolute; visibility:hidden;	left:0; top:0; width:467; "+lyrHeight+" padding:3; font-family: Arial, Helvetica, Swiss721, sans-serif; font-size: "+ftSize+"; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; letter-spacing : 1px; z-index:10; }\n"	
		
		+"A:visited { color: #628BC7; text-decoration:none; }\n"
	+"</style>");
	
	//*********************************************
	//******************END STYLE******************
	//*********************************************
	
	
	//*********************************************
	//***************OPEN DIALOG WINDOW************
	//*********************************************
	
		function openPopUp(winName,fileName, sc, ht, wd) 
			{	
			
			/*if (ns4)
				{
				if (featureWin.open)
					{
					alert("open")
					}
				else
					{
					alert("closed")
					}
				//endif
				}
			//endif && !WinId[i].closed)*/
				
			// get the screen width and amount to subtract for popupwindow width
			var sWd = screen.width;
			var nWd = wd - 0;
			nWd+=10;		
			var lft = sWd-nWd;
			var tp = 0;
			var params = 'scrollbars='+sc+',status=no,menubar=no,toolbar=no,width='+wd+',height='+ht+',top='+tp+',left='+lft;				
		  	WinId[CurrentWin++] = window.open(fileName,winName,params);							
			}
		
	//*********************************************
	//***********END OPEN DIALOG WINDOW************
	//*********************************************	
	
	
	
	//*********************************************
	//***************CLOSE DIALOG WINDOW(S)********
	//*********************************************
	
		function closeAll() 
			{			
			if (CurrentWin!=0)
				{
	   			for (i=0;i<WinId.length;i++) 
					{
	        		if (WinId[i] && !WinId[i].closed) WinId[i].close();
	    			}
				}
			}
	
	//*********************************************
	//***********END CLOSE DIALOG WINDOW(S)********
	//*********************************************
	
	
	
	//*********************************************
	//**********NETSCAPE RESIZE ISSUE**************
	//*********************************************
		
		function fixMe() 
			{ 
			self.topnav.location.reload(); 
			self.content.location.href = ContentURL; 
			}
			
	//*********************************************
	//********END NETSCAPE RESIZE ISSUE************
	//*********************************************

	//*********************************************
	//********RELOAD Function - By Deepend ********
	//*********************************************

// function reload(frameName,targetURL)
//  this function target the appropriate frame with the appropriate url it is to load
//  Procreate Site has 2 frames, the navigation frame is called "top"
//	the main / center frame is called "content"

//usage:
//	href="javascript:reload('content','http://www.procreate.com/home/');
//	this is an example of what a homw button would do
//	it returns the frame named content, to http://www.procreate.com/home/ */

function reload(frameName,targetURL){
	window.location.reload();
	if(frameName=="content"){
		parent.content.location=targetURL;
	}
	else if(frameName=="top"){
		window.parent.location=targetURL;
	}
}

	//*********************************************
	//********END NETSCAPE RESIZE ISSUE************
	//*********************************************

		
//-->
