var mmOpenContainer = null;
var mmOpenMenus = null;
var mmHideMenuTimer = null;

function MM_menuStartTimeout(hideTimeout) {
	mmHideMenuTimer = setTimeout("MM_menuHideMenus()", hideTimeout);	
}

function MM_menuHideMenus() {
	MM_menuResetTimeout();
	if(mmOpenContainer) {
		var c = document.getElementById(mmOpenContainer);
		c.style.visibility = "inherit";
		mmOpenContainer = null;
	}
	if( mmOpenMenus ) {
		for(var i in mmOpenMenus) {
			var m = document.getElementById(mmOpenMenus[i]);
			m.style.visibility = "hidden";			
		}
		mmOpenMenus = null;
	}
}

function MM_menuHideSubmenus(menuName) {
	if( mmOpenMenus ) {
		var h = false;
		var c = 0;
		for(var i in mmOpenMenus) {
			if( h ) {
				var m = document.getElementById(mmOpenMenus[i]);
				m.style.visibility = "hidden";
			} else if( mmOpenMenus[i] == menuName ) {
				h = true;
			} else {
				c++;
			}
		}
		mmOpenMenus.length = c+1;
	}
}

function MM_menuOverMenuItem(menuName, subMenuSuffix) {
	MM_menuResetTimeout();
	MM_menuHideSubmenus(menuName);
	if( subMenuSuffix ) {
		var subMenuName = "" + menuName + "_" + subMenuSuffix;
		MM_menuShowSubMenu(subMenuName);
	}
}

function MM_menuShowSubMenu(subMenuName) {
	MM_menuResetTimeout();
	var e = document.getElementById(subMenuName);
	e.style.visibility = "inherit";
	if( !mmOpenMenus ) {
		mmOpenMenus = new Array;
	}
	mmOpenMenus[mmOpenMenus.length] = "" + subMenuName;
}

function MM_menuResetTimeout() {
	if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);
	mmHideMenuTimer = null;
}

function MM_menuShowMenu(containName, menuName, xOffset, yOffset, triggerName) {
	MM_menuHideMenus();
	MM_menuResetTimeout();
	MM_menuShowMenuContainer(containName, xOffset, yOffset, triggerName);
	MM_menuShowSubMenu(menuName);
}

function MM_menuShowMenuContainer(containName, x, y, triggerName) {	
	var c = document.getElementById(containName);
	var s = c.style;
	s.visibility = "inherit";
	
	mmOpenContainer = "" + containName;
}

function gallerymouseover(a,b,c,d,x,name,colors,size)
  {
		// This function changes the source, height, and width of an image tag
		// Parameters:
		//		a - image tag ID
		//		b - name tag ID
		//		c - color tag ID
		//		d - size tag ID
		//		x - new image source (ie. ./images/foo.jpg
		//		name - name of item, will become Alt Text and show as name
		//		colors - list of all the colors int he product
		//		size - size of the product

  		document.getElementById(a).src=x;
		document.getElementById(a).alt=name+' - Click here to see a larger image';
		document.getElementById(b).innerHTML=name+'<br><br>';
		document.getElementById(c).innerHTML=colors+'<br><br>';
		document.getElementById(d).innerHTML=size+'<br><br>';
		window.status=name;	
  }	

function vignettemouseover(a,b,c,d,x,name,colors,size)
  {
		// Parameters:
		//		a - main image tag ID
		//		b - top image tag ID
		//		c - middle image tag ID
		//		d - bottom image tag ID
		//		e - main image source full path (./images/vignettes/...jpg)
		//		f - top image source full path (./images/vignettes/...jpg)
		//		g - middle image source full path (./images/vignettes/...jpg)
		//		h - bottom image source full path (./images/vignettes/...jpg)
		//		i - top image name
		//		j - middle image name
		//		k - bottom image name
		//		l - top image colors
		//		m - middle image colors
		//		n - bottom image colors		

  		document.getElementById(a).src=x;
		document.getElementById(a).alt=name;
		document.getElementById(b).innerHTML=name;
		document.getElementById(c).innerHTML=colors;
		document.getElementById(d).innerHTML=size;
		window.status=name;
  }	
  
function designmouseover(a,a1,b,b1,c,c1,d,d1,e,e1,f,f1,name,colorsID,colorsTXT,g,g1)
  {
		// Parameters:
		//		a - panel image tag ID
		//		a1 - the source of image for the tag listed in variable a
		//		b - name banner background tag ID
		//		b1 - the source of image for the tag listed in variable b
		//		c - name banner background tag ID
		//		c1 - the source of image for the tag listed in variable c		
		
  		document.getElementById(a).src=a1;
		document.getElementById(a).alt=name+' - Panel';
		document.getElementById(b).style.backgroundImage=b1;
		document.getElementById(b).innerHTML=name;
		document.getElementById(c).src=c1;
		document.getElementById(c).alt=name+' - Concept Board';
		document.getElementById(d).innerHTML=d1;
		document.getElementById(e).src=e1;
		document.getElementById(e).alt=name+' - Line Drawing';
		document.getElementById(f).innerHTML=f1;
		document.getElementById(colorsID).innerHTML=colorsTXT;
		document.getElementById(g).innerHTML=g1;
		
		// document.getElementById(b).innerHTML=name;
		// document.getElementById(c).innerHTML=colors;
		// document.getElementById(d).innerHTML=size;
		window.status=name;
  }	
  
 function designbohmouseover(a,a1,b,b1,c,name)
  {
		// Parameters:
		//		a - main image tag ID
		//		a1 - the source of image for the tag listed in variable a
		//		b - detail image tag ID
		//		b1 - the source of image for the tag listed in variable b
		//		c - the tag that will hold the name of the design
  		document.getElementById(a).src=a1;
		document.getElementById(a).alt=name+' - In Bohemian Style';
		document.getElementById(b).src=b1;
		document.getElementById(b).alt=name+' - Detail Of Bohemian Style';
		document.getElementById(c).innerHTML=name;
		window.status=name;
  }	 
  
  
  function changetabbackground(x,img)
  	{
		// x='nav2_'+x;
		// document.getElementById(x).style.backgroundColor='#E5D9BF';
		x='nav2_'+x;
		document.getElementById(x).style.backgroundImage=img;		
	}
	
function designpreload()
	{
		var Pic = new Array();
		Pic[0] = 'images/square_E5D9BF.jpg';
		Pic[1] = 'images/designs/attarri_cb.jpg';
		Pic[2] = 'images/designs/attarri_namebg.jpg';
		Pic[3] = 'images/designs/attarri_panel.jpg';
		Pic[4] = 'images/designs/attarri_thumb.jpg';
		Pic[5] = 'images/designs/boldbasket_cb.jpg';
		Pic[6] = 'images/designs/boldbasket_namebg.jpg';
		Pic[7] = 'images/designs/boldbasket_panel.jpg';
		Pic[8] = 'images/designs/boldbasket_thumb.jpg';
		Pic[9] = 'images/designs/cathedrala_cb.jpg';
		Pic[10] = 'images/designs/cathedrala_panel.jpg';
		Pic[11] = 'images/designs/cathedrala_thumb.jpg';
		Pic[12] = 'images/designs/cathedralb_cb.jpg';
		Pic[13] = 'images/designs/cathedralb_panel.jpg';
		Pic[14] = 'images/designs/cathedralb_thumb.jpg';
		Pic[15] = 'images/designs/dna_cb.jpg';
		Pic[16] = 'images/designs/dna_panel.jpg';
		Pic[17] = 'images/designs/dna_thumb.jpg';
		Pic[18] = 'images/designs/fabflowers_cb.jpg';
		Pic[19] = 'images/designs/fabflowers_panel.jpg';
		Pic[20] = 'images/designs/fabflowers_thumb.jpg';
		Pic[21] = 'images/designs/frenchpond_cb.jpg';
		Pic[22] = 'images/designs/frenchpond_panel.jpg';
		Pic[23] = 'images/designs/frenchpond_thumb.jpg';
		Pic[24] = 'images/designs/kaleidoscope_cb.jpg';
		Pic[25] = 'images/designs/kaleidoscope_panel.jpg';
		Pic[26] = 'images/designs/kaleidoscope_thumb.jpg';
		Pic[27] = 'images/designs/newbambew_cb.jpg';
		Pic[28] = 'images/designs/newbambew_panel.jpg';
		Pic[29] = 'images/designs/newbambew_thumb.jpg';
		Pic[30] = 'images/designs/paisleya_cb.jpg';
		Pic[31] = 'images/designs/paisleya_panel.jpg';
		Pic[32] = 'images/designs/paisleya_thumb.jpg';
		Pic[33] = 'images/designs/paisleyb_cb.jpg';
		Pic[34] = 'images/designs/paisleyb_panel.jpg';
		Pic[35] = 'images/designs/paisleyb_thumb.jpg';
		Pic[36] = 'images/designs/petitemazea_cb.jpg';
		Pic[37] = 'images/designs/petitemazea_panel.jpg';
		Pic[38] = 'images/designs/petitemazea_thumb.jpg';
		Pic[39] = 'images/designs/petitemazeb_cb.jpg';
		Pic[40] = 'images/designs/petitemazeb_panel.jpg';
		Pic[41] = 'images/designs/petitemazeb_thumb.jpg';
		Pic[42] = 'images/designs/pickupsticksb_cb.jpg';
		Pic[43] = 'images/designs/pickupsticksb_panel.jpg';
		Pic[44] = 'images/designs/pickupsticksb_thumb.jpg';
		Pic[45] = 'images/designs/pickupsticksd_cb.jpg';
		Pic[46] = 'images/designs/pickupsticksd_panel.jpg';
		Pic[47] = 'images/designs/pickupsticksd_thumb.jpg';
		Pic[48] = 'images/designs/psychedelia_cb.jpg';
		Pic[49] = 'images/designs/psychedelia_panel.jpg';
		Pic[50] = 'images/designs/psychedelia_thumb.jpg';
		Pic[51] = 'images/designs/randommoda_cb.jpg';
		Pic[52] = 'images/designs/randommoda_panel.jpg';
		Pic[53] = 'images/designs/randommoda_thumb.jpg';
		Pic[54] = 'images/designs/randommodb_cb.jpg';
		Pic[55] = 'images/designs/randommodb_panel.jpg';
		Pic[56] = 'images/designs/randommodb_thumb.jpg';
		Pic[57] = 'images/designs/randommodc_cb.jpg';
		Pic[58] = 'images/designs/randommodc_panel.jpg';
		Pic[59] = 'images/designs/randommodc_thumb.jpg';
		Pic[60] = 'images/designs/randommodd_cb.jpg';
		Pic[61] = 'images/designs/randommodd_panel.jpg';
		Pic[62] = 'images/designs/randommodd_thumb.jpg';
		Pic[63] = 'images/designs/serpentineflower_cb.jpg';
		Pic[64] = 'images/designs/serpentineflower_panel.jpg';
		Pic[65] = 'images/designs/serpentineflower_thumb.jpg';
		Pic[66] = 'images/designs/springrain_cb.jpg';
		Pic[67] = 'images/designs/springrain_panel.jpg';
		Pic[68] = 'images/designs/springrain_thumb.jpg';
		Pic[69] = 'images/designs/attarri_linedwg.png';
		Pic[70] = 'images/designs/boldbasket_linedwg.png';
		Pic[71] = 'images/designs/cathedrala_linedwg.png';
		Pic[72] = 'images/designs/cathedralb_linedwg.png';
		Pic[73] = 'images/designs/dna_linedwg.png';
		Pic[74] = 'images/designs/fabflowers_linedwg.png';
		Pic[75] = 'images/designs/frenchpond_linedwg.png';
		Pic[76] = 'images/designs/kaleidoscope_linedwg.png';
		Pic[77] = 'images/designs/newbambew_linedwg.png';
		Pic[78] = 'images/designs/paisleya_linedwg.png';
		Pic[79] = 'images/designs/paisleyb_linedwg.png';
		Pic[80] = 'images/designs/petitemazea_linedwg.png';
		Pic[81] = 'images/designs/petitemazeb_linedwg.png';
		Pic[82] = 'images/designs/pickupsticksb_linedwg.png';
		Pic[83] = 'images/designs/pickupsticksd_linedwg.png';
		Pic[84] = 'images/designs/psychedelia_linedwg.png';
		Pic[85] = 'images/designs/randommoda_linedwg.png';
		Pic[86] = 'images/designs/randommodb_linedwg.png';
		Pic[87] = 'images/designs/randommodc_linedwg.png';
		Pic[88] = 'images/designs/randommodd_linedwg.png';
		Pic[89] = 'images/designs/serpentineflower_linedwg.png';
		Pic[90] = 'images/designs/springrain_linedwg.png';
		var p = Pic.length;
		var preLoad = new Array();
		for (i = 0; i < p; i++) 
			{
				preLoad[i] = new Image();
				preLoad[i].src = Pic[i];
			}
	}

function chgmnuclr(x,y)
	{
		// x - the page being displayed, this item will get a blue color
		// y - the color of the text change
			document.getElementById(x).style.color='#339999';
	}

function chgmnuclr_gallery(x,y)
	{
		// x - the page being displayed, this item will get a blue color
		// y - the color of the text change
			document.getElementById(x).style.color='#339999';
			document.getElementById('nav_link_gallery').style.color='#339999';
	}
		
function copyrt()
	{
		alert('This material is copyrighted.');
	}		
	
function hires(imgid)
	{
		var file = document.getElementById(imgid).src;
		var lastslashloc = file.lastIndexOf("/");
		newfile = file.slice(0,lastslashloc)+'/hi-res/'+file.slice(lastslashloc+1);
		var alt = document.getElementById(imgid).alt;
		newalt = alt.slice(0,alt.indexOf("-")-1);
		win = window.open('image.php?image='+newfile+'&alt='+newalt,'','location=0,resizable=1,scrollbars=1');
		// win = window.open('image.html','','location=0,resizable=1,scrollbars=1');
		// // Wait 5 seconds
		// //var date = new Date();
		// //var curDate = null;
		// //do {curDate = new Date();}
		// //while(curDate-date<5000);
		// // End wait		
		// var file = document.getElementById('vig_img').src;
		// var alt = document.getElementById('vig_img').alt;
		// newalt = alt.slice(0,alt.indexOf("-")-1);
		// var lastslashloc = file.lastIndexOf("/");
		// newfile = file.slice(0,lastslashloc)+'/hi-res/'+file.slice(lastslashloc+1);
		// //win.document.getElementById("hiresimg").src = '../images/vignettes/hi-res/lemontree.jpg';
		// //win.document.getElementById("hiresimg").alt = newalt;
		// win.document.title = "Appomattox Tile Art - "+newalt;
	}
	
function showdivs(x)
		{
			document.getElementById(x).style.display="block";
			document.getElementById(x).style.visibility="visible";
		}
		
function hidedivs(x)
		{
			document.getElementById(x).style.display="none";
			document.getElementById(x).style.visibility="hidden";
		}		
		
function displayorhidedivs(x,y)
	// this function is used primarily on the price list page
	// x - the id to show or hide
	// y - the id of the wrapper to change the image or what to say
		{
			switch (document.getElementById(x).style.visibility) {
				case 'hidden':
					document.getElementById(x).style.display="block";
					document.getElementById(x).style.visibility="visible";
					document.getElementById(y).innerHTML='<img src="./images/button_hidecolorways_ver2.png"/>';
					break;
				case 'visible':
					document.getElementById(x).style.display="none";
					document.getElementById(x).style.visibility="hidden";	
					document.getElementById(y).innerHTML='<img src="./images/button_showcolorways_ver2.png"/>';
					break;
				default:
					window.alert('???');
					break;
			}
		}		
		
function divs(x)
	// simple version of displayorhidedivs that just shows or hides the div, nothing else
	// this function is used primarily on the price list page
	// x - the id to show or hide
	// y - the id of the wrapper to change the image or what to say
		{		
			switch (document.getElementById(x).style.visibility) {
				case 'hidden':
					document.getElementById(x).style.display="block";
					document.getElementById(x).style.visibility="visible";
					break;
				case 'visible':
					document.getElementById(x).style.display="none";
					document.getElementById(x).style.visibility="hidden";	
					break;
				default:
					window.alert('???');
					break;
			}
		}					

function displayOverlay()
	// simple version of displayorhidedivs that just shows or hides the div, nothing else
	// this function is used primarily on the price list page
	// x - the id to show or hide
	// y - the id of the wrapper to change the image or what to say
		{		

													
													var xScroll, yScroll;
													
													if (window.innerHeight && window.scrollMaxY) {	
														xScroll = window.innerWidth + window.scrollMaxX;
														yScroll = window.innerHeight + window.scrollMaxY;
													} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
														xScroll = document.body.scrollWidth;
														yScroll = document.body.scrollHeight;
													} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
														xScroll = document.body.offsetWidth;
														yScroll = document.body.offsetHeight;
													}
													
													var windowWidth, windowHeight;
												
													if (self.innerHeight) {	// all except Explorer
														if(document.documentElement.clientWidth){
															windowWidth = document.documentElement.clientWidth; 
														} else {
															windowWidth = self.innerWidth;
														}
														windowHeight = self.innerHeight;
													} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
														windowWidth = document.documentElement.clientWidth;
														windowHeight = document.documentElement.clientHeight;
													} else if (document.body) { // other Explorers
														windowWidth = document.body.clientWidth;
														windowHeight = document.body.clientHeight;
													}	
													
													// for small pages with total height less then height of the viewport
													if(yScroll < windowHeight){
														pageHeight = windowHeight;
													} else { 
														pageHeight = yScroll;
													}
												
													// for small pages with total width less then width of the viewport
													if(xScroll < windowWidth){	
														pageWidth = xScroll;		
													} else {
														pageWidth = windowWidth;
													}
												//	console.log("pageWidth " + pageWidth)
												
													arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight); 
													

			eId = 'overlay';
			myHeight = arrayPageSize[3];
			myWidth =  arrayPageSize[2];
			document.getElementById(eId).innerHTML= myHeight + 'x' + myWidth;
			document.getElementById(eId).style.height = myHeight + 'px';
			document.getElementById(eId).style.width = myWidth + 'px';
			switch (document.getElementById(eId).style.visibility) {
				case 'hidden':
					document.getElementById(eId).style.display="block";
					document.getElementById(eId).style.visibility="visible";
					break;
				case 'visible':
					document.getElementById(eId).style.display="none";
					document.getElementById(eId).style.visibility="hidden";	
					break;
				default:
					window.alert('???');
					break;
			}
		}