function showBanner()
	{
	theBanner = document.getElementById("Banner")
	if (theBanner != null)
		{
		theBanner.style.display = "inline";
		}
	}
	
	function hideBanner()
	{
	theBanner = document.getElementById("Banner")
	if (theBanner != null)
		{
		theBanner.style.display = "none";
		}
	}
		

	function showButtons()
	{
		thebackbutton = document.getElementById("backButton")
		thelrbuttons = document.getElementById("lrbuttons")
		thelrbuttons.style.display = "inline";
	}

	function hideButtons()
	{
		thebackbutton = document.getElementById("backButton")
		thelrbuttons = document.getElementById("lrbuttons")
		thebackbutton.style.display = "none";
		thelrbuttons.style.display = "none";
	}

	function hideIframe()
		{
		if (browser.isIE)
			{
			document.all.datamain.style.display = "none" //remove iframe
			//note.. IE mac doesnt pick this up on history backs!
			}
		else
			{
			datamain.style.display = "none"
			}
		}

	function showIframe() //hide 3 sub-frames for ie mac
	{
		if (browser.isIE)
			{
			document.all.datamain.style.display = "inline"
			if (document.all.otherUseIF) //if subframes
				{
				document.all.otherUseIF.style.display = "none"
				document.all.finishIF.style.display = "none"
				document.all.colourIF.style.display = "none"
				}
			}
		else
			{
			datamain.style.display = "inline"
			}
	}

	function goBack()
		{
		
		if(browser.isMac && browser.isIE)
			{
			return;  //IE mac cant handle anything
			}
		
		datamain = document.getElementById("datamain")

		if(oldLinkID != undefined)
			{
			if (oldLinkID != "" )
					{
					theOldPanel = document.getElementById(oldLinkID)
					theOldPanel.style.display="none";
					}			
			}
		if ((datamain != undefined) && (datamain != null))
			{
			//"the frame exists so.. check src."
			
			var myLoc
			var myObjRef
			if (browser.isSafari)
				{
				history.go(-1)
				return;
				}
			if (browser.isGecko)
				{
				myLoc = this.location.href
				myObjRef = datamain.contentWindow.history
				}
			if (browser.isIE)
				{
				myLoc = this.location.href
				myObjRef = datamain.window.history
				}
				
			resetlastCat()
			myObjRef.back()
			}
		}

	function changeCatColour(imgID)
		{
			if(browser.isMac && browser.isIE)
				{
				return;
				}
			if(typeof(imgID) == "undefined" || imgID == null) //
				{
				return;
				}
			theImage = document.getElementById(imgID)
			theImage.src = "images/" + imgID + "_on.gif"
		}

	function resetlastCat()
		{
			if(browser.isMac && browser.isIE)
				{
				return;
				}
			if( typeof(lastImgID) != "undefined" && lastImgID != null) // 
				{
				theImage = document.getElementById(lastImgID)
				theImage.src = "images/" + lastImgID + "_off.gif"
				}
		}

	var lastImgID			
	var shifted = false;
	var oldLinkID = ""
	
	function goURL(url, imgID, buttons)
		{
		if(browser.isMac && browser.isIE)
			{
			//should just work with IE Mac.
			}
		else
			{
			datamain = document.getElementById("datamain")
			if(typeof(oldLinkID) != "undefined")
				{
				if (oldLinkID != "" )
					{
					theOldPanel = document.getElementById(oldLinkID)
					theOldPanel.style.display="none";
					}
				}
			}	
		
		if (browser.isGecko || browser.isSafari)
			{
			var productDisplay
			productDisplay = document.getElementById("productDisplay")
			if (productDisplay != undefined && productDisplay != null)
				{
				productDisplay.style.display="none";
				}
			}
		
		if (browser.isIE)
			{
			document.all.datamain.style.display = "inline" //IE needs to be told explicity this to access styles on IFrames.
			}
		else	//might need to edit for other browsers
			{
			datamain.style.display = "inline"
			}
		// ENABLE /DISABLE COLOURED BUTTONS ON CATNAV
		resetlastCat()
		if (imgID != null || imgID != 0)
			{
			changeCatColour(imgID)
			}		
		lastImgID = imgID
		
		// SHOW / HIDE IF SCROLL / BACK BUTTON
		thebackbutton = document.getElementById("backButton")
		thelrbuttons = document.getElementById("lrbuttons")
		
		if (buttons == 1)
			{
				thelrbuttons.style.display = "inline";
				if (browser.isMac && browser.isIE && !shifted)
					{
					thelrbuttons.style.top = 48 //thelrbuttons.style.top - 20
					thelrbuttons.style.left = 580
					shifted = true
					thebackbutton.style.display = "none"; //IE mac cant handle history backs.
					}
				else
					{
					thebackbutton.style.display = "inline";
					}
			}
		else
			{
				thebackbutton.style.display = "none";
				thelrbuttons.style.display = "none";
			}
			// FINALLY RELOCATE
		
		if (browser.isIE)
			{
			datamain.location = url;
			}
			else
			{
			datamain.src = url ;
			}
		}


	function scrQuickSmall(way)
		{
		if (way == "right")
			{
			op = ""
			}
		else
			{
			op = "-"
			}

		var milliseconds = 50
		var arrSpeed = new Array()
		var sum=0;

		arrSpeed[0] = 1
		arrSpeed[1] = 2
		arrSpeed[2] = 6
		arrSpeed[3] = 14
		arrSpeed[4] = 34
		arrSpeed[5] = 34
		arrSpeed[6] = 14
		arrSpeed[7] = 6
		arrSpeed[8] = 2
		arrSpeed[9] = 1

		for (i=0;i<10;i++)
			{
			sum = sum + arrSpeed[i]
			
			setTimeout("scrollSwank(" + arrSpeed[i] + ")", milliseconds)
			milliseconds = milliseconds + 50
			}
		}



	function changeImage(theid, divType)
		{
		
		theid= divType + "Main" + theid
		theElem = document.getElementById(theid)
					
		theParent = theElem.parentNode 
		var childCount 
		
		if (browser.isGecko)
			{
			elemArray = theParent.childNodes
			childCount = elemArray.length
			}
		else
			{
			elemArray = theParent.children
			childCount = elemArray.length
			}
				
		for (i=0;i<childCount;i++)  //wipe out all  
			{
				if (browser.isIE && browser.isMac) //IE MAC HACK
				{
				elemArray[i].style.display ="none"
				}
				else
				{
					if (elemArray[i].id != undefined)  // mozilla returns more array elements 
					{
					elemArray[i].style.display ="none"
					}
				}
			}
		theElem.style.display = "inline";
		}


	function swapToDetailTab(tabElemID)
		{
		theDetailsArea = document.getElementById("detailsArea")
		thePricingArea = document.getElementById("pricingArea")
		theCollectionArea = document.getElementById("collectionArea")

		scr1 = document.getElementById("divScroll1")
		ctr1 = document.getElementById("divControl1")

		scr2 = document.getElementById("divScroll2")
		ctr2 = document.getElementById("divControl2")

		scr3 = document.getElementById("divScroll3")
		ctr3 = document.getElementById("divControl3")

		theDetailsArea.style.visibility="hidden"
		scr1.style.visibility="hidden"
		ctr1.style.visibility="hidden"
		
		thePricingArea.style.visibility="hidden"
		scr2.style.visibility="hidden"
		ctr2.style.visibility="hidden"
		
		theCollectionArea.style.visibility="hidden"
		scr3.style.visibility="hidden"
		ctr3.style.visibility="hidden"
		
		switch(tabElemID)
			{
			case "pricingArea":
				{
				identifier = "2"
				break;
				}
			case "collectionArea":
				{
				identifier = "3"
				break;
				}
			default:
				{
				identifier = "1"
				}
			}

		showTab = document.getElementById(tabElemID)
		showTab.style.visibility="visible"
		
		myScrObj = document.getElementById("divScroll" + identifier)
		myScrObj.style.visibility="visible"
		myCtlObj = document.getElementById("divControl" + identifier)
		myCtlObj.style.visibility="visible"
		}
		
	function swapToGalleryTab(tabElemID)
		{
		theColourArea = document.getElementById("colourArea")
		theFinishArea = document.getElementById("finishArea")
		theUsesArea = document.getElementById("usesArea")

		theColourArea.style.display="none"
		theFinishArea.style.display="none"
		theUsesArea.style.display="none"

		showTab = document.getElementById(tabElemID)
		showTab.style.display="inline"
		}

function swapImage(el,mouseEvent)
	{
		var filename = el.src ;
		if (mouseEvent == 'onmouseover') filename = filename.replace("_off","_over");
		else{filename= filename.replace("_over","_off");
	}
		el.src = filename;
	}

function goRight()
	{
	if (browser.isGecko)
		{
		datamain = document.getElementById("datamain")
		datamain = datamain.contentWindow
		}	
	datamain.scrQuick("right")
	}

function goLeft()
	{
	if (browser.isGecko)
		{
		datamain = document.getElementById("datamain")
		datamain = datamain.contentWindow
		}
	datamain.scrQuick("left")
	}

function slideRight()
	{
	if (browser.isSafari) 
		{ //use old method because safari suffers the 'smear' effect at least on G4 powerbooks
		goRight()
		return;
		}
	if (browser.isGecko)
		{
		datamain = document.getElementById("datamain")
		datamain = datamain.contentWindow
		}	
	datamain.slide("")
	}

function slideLeft()
	{
	if (browser.isSafari)
		{
		goLeft()
		return;
		}
	if (browser.isGecko)
		{
		datamain = document.getElementById("datamain")
		datamain = datamain.contentWindow
		}
	datamain.slide("-")
	}




var theSlideTimer 

function slide(op)
{
	var way
	var distance = 5
	var milliseconds = 50
	var strComeAgain
	
	if (op == undefined)
		{
		op = ""
		}
	
	way = op + distance		
	way = parseFloat(way)
	window.scrollBy(way,0)
	
	strComeAgain = "slide('" + op + "')"
	theSlideTimer = setTimeout(strComeAgain, milliseconds)
}


function stopSlide()
{

if (browser.isGecko)
	{
	datamain = document.getElementById("datamain")
	datamain = datamain.contentWindow
	}
	datamain.stopSlideInternal()
}

function stopSlideInternal()
	{
	clearTimeout(theSlideTimer)
	}

function scrQuick(way)
{
	if (way == "right")
		{
		op = ""
		}
	else
		{
		op = "-"
		}

	var milliseconds = 50
	var arrSpeed = new Array()
	var arrVert = new Array()
	var sum=0;
	var sum2=0;

/*	arrSpeed[0] = 1
	arrSpeed[1] = 2
	arrSpeed[2] = 6
	arrSpeed[3] = 14
	arrSpeed[4] = 34
	arrSpeed[5] = 58
	arrSpeed[6] = 80
	arrSpeed[7] = 105
	arrSpeed[8] = 105
	arrSpeed[9] = 80
	arrSpeed[10] = 58
	arrSpeed[11] = 34
	arrSpeed[12] = 14
	arrSpeed[13] = 6
	arrSpeed[14] = 2
	arrSpeed[15] = 1 */

	arrSpeed[0] = 1
	arrSpeed[1] = 1
	arrSpeed[2] = 3
	arrSpeed[3] = 7
	arrSpeed[4] = 17
	arrSpeed[5] = 29
	arrSpeed[6] = 40
	arrSpeed[7] = 53
	arrSpeed[8] = 53
	arrSpeed[9] = 40
	arrSpeed[10] = 29
	arrSpeed[11] = 17
	arrSpeed[12] = 7
	arrSpeed[13] = 3
	arrSpeed[14] = 1
	arrSpeed[15] = 1

	arrVert[0] = 1
	arrVert[1] = 1
	arrVert[2] = 2
	arrVert[3] = 7
	arrVert[4] = 17
	arrVert[5] = 27
	arrVert[6] = 40
	arrVert[7] = 53
	arrVert[8] = 53
	arrVert[9] = 40
	arrVert[10] = 27
	arrVert[11] = 17
	arrVert[12] = 7
	arrVert[13] = 2
	arrVert[14] = 1
	arrVert[15] = 1

	for (i=0;i<16;i++)
	{
	sum = sum + arrSpeed[i]
	sum2 = sum2 + arrVert[i]

	myLoc = window.location.href
	isBasket = (myLoc.indexOf("asket") > 0)
		if (isBasket)
			{
			setTimeout("scrollSwank(" + arrVert[i] + ")", milliseconds)
			//alert()
			}
		else
			{
			setTimeout("scrollSwank(" + arrSpeed[i] + ")", milliseconds)
			}		
	milliseconds = milliseconds + 50
	
	if(browser.isSafari)
		{
		parent.hideButtons()
		setTimeout("parent.showButtons()", 800)
		}
	}
	//Exit Loop
}

function scrollSwank(ammount)
{
if (op == "-")
	{
	neg = "-" + ammount
	if (isBasket)
		{
		window.scrollBy(0,parseFloat(neg))
		}
	else
		{
		window.scrollBy(parseFloat(neg),0)
		}
	}
else
	{
	if (isBasket)
		{
		window.scrollBy(0,ammount)	
		}
	else
		{
		window.scrollBy(ammount,0)	
		}
	}
}



function bookmarkUs(oLink){
	oLink.style.behavior='url(#default#homepage)';
	oLink.setHomePage(document.location);
	return false;
}


function setCookie(name, value, expires, path, domain, secure) {
  var curCookie = name + "=" + escape(value) +
      ((expires) ? "; expires=" + expires.toGMTString() : "") +
      ((path) ? "; path=" + path : "") +
      ((domain) ? "; domain=" + domain : "") +
      ((secure) ? "; secure" : "");
  document.cookie = curCookie;
}

function getCookie(name) {
  var dc = document.cookie;
  var prefix = name + "=";
  var begin = dc.indexOf("; " + prefix);
  if (begin == -1) {
    begin = dc.indexOf(prefix);
    if (begin != 0) return null;
  } else
    begin += 2;
  var end = document.cookie.indexOf(";", begin);
  if (end == -1)
    end = dc.length;
  return unescape(dc.substring(begin + prefix.length, end));
}

function deleteCookie(name, path, domain) {
  if (getCookie(name)) {
    document.cookie = name + "=" + 
    ((path) ? "; path=" + path : "") +
    ((domain) ? "; domain=" + domain : "") +
    "; expires=Thu, 01-Jan-70 00:00:01 GMT";
  }
}

function fixDate(date) {
  var base = new Date(0);
  var skew = base.getTime();
  if (skew > 0)
    date.setTime(date.getTime() - skew);
}


function dropCookies()
{

var now = new Date();
var then = new Date();
fixDate(now);
then.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000); //Add 1 year
favPage = window.location
setCookie("mfPage", favPage, then)  //set the page cookski
setCookie("mfActivity", now.getTime(), then)
}


function checkCookies()
{
var timeAgo = getCookie("mfActivity")
var now = new Date();
var then = new Date();
fixDate(now);
then.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000); //Add 1 year

twentyMins = 1200000
difference = now.getTime() - timeAgo

if ((timeAgo == null) || (timeAgo == undefined)) // no homepage set
	{
	return;  // no redirect nec.
	}

if (difference > twentyMins) // if twenty mins has expired
	{
	setCookie("mfActivity", now.getTime(), then)
	window.location = getCookie("mfPage")	
	}	
else
	{
	setCookie("mfActivity", now.getTime(), then)
	}	
}

function spawnSTFWindow(URL)
{
	var URL = document.location;
	var sFeatures = "directories=no,height=320px,width=420px,location=no,menubar=no,resizable=no,status=no,toobar=no"
	window.open("sendtoafriendPanel.asp?url=" + document.location, "sendToFriend", sFeatures)
}


function BrowserDetect() {
   var ua = navigator.userAgent.toLowerCase(); 

   // browser engine name
   this.isGecko       = (ua.indexOf('gecko') != -1 && ua.indexOf('safari') == -1);
   this.isAppleWebKit = (ua.indexOf('applewebkit') != -1);

   // browser name
   this.isKonqueror   = (ua.indexOf('konqueror') != -1); 
   this.isSafari      = (ua.indexOf('safari') != - 1);
   this.isOmniweb     = (ua.indexOf('omniweb') != - 1);
   this.isOpera       = (ua.indexOf('opera') != -1); 
   this.isIcab        = (ua.indexOf('icab') != -1); 
   this.isAol         = (ua.indexOf('aol') != -1); 
   this.isIE          = (ua.indexOf('msie') != -1 && !this.isOpera && (ua.indexOf('webtv') == -1) ); 
   this.isMozilla     = (this.isGecko && ua.indexOf('gecko/') + 14 == ua.length);
   this.isFirebird    = (ua.indexOf('firebird/') != -1);
   this.isNS          = ( (this.isGecko) ? (ua.indexOf('netscape') != -1) : ( (ua.indexOf('mozilla') != -1) && !this.isOpera && !this.isSafari && (ua.indexOf('spoofer') == -1) && (ua.indexOf('compatible') == -1) && (ua.indexOf('webtv') == -1) && (ua.indexOf('hotjava') == -1) ) );
   
   // spoofing and compatible browsers
   this.isIECompatible = ( (ua.indexOf('msie') != -1) && !this.isIE);
   this.isNSCompatible = ( (ua.indexOf('mozilla') != -1) && !this.isNS && !this.isMozilla);
   
   // rendering engine versions
   this.geckoVersion = ( (this.isGecko) ? ua.substring( (ua.lastIndexOf('gecko/') + 6), (ua.lastIndexOf('gecko/') + 14) ) : -1 );
   this.equivalentMozilla = ( (this.isGecko) ? parseFloat( ua.substring( ua.indexOf('rv:') + 3 ) ) : -1 );
   this.appleWebKitVersion = ( (this.isAppleWebKit) ? parseFloat( ua.substring( ua.indexOf('applewebkit/') + 12) ) : -1 );
   
   // browser version
   this.versionMinor = parseFloat(navigator.appVersion); 
   
   // correct version number
   if (this.isGecko && !this.isMozilla) {
      this.versionMinor = parseFloat( ua.substring( ua.indexOf('/', ua.indexOf('gecko/') + 6) + 1 ) );
   }
   else if (this.isMozilla) {
      this.versionMinor = parseFloat( ua.substring( ua.indexOf('rv:') + 3 ) );
   }
   else if (this.isIE && this.versionMinor >= 4) {
      this.versionMinor = parseFloat( ua.substring( ua.indexOf('msie ') + 5 ) );
   }
   else if (this.isKonqueror) {
      this.versionMinor = parseFloat( ua.substring( ua.indexOf('konqueror/') + 10 ) );
   }
   else if (this.isSafari) {
      this.versionMinor = parseFloat( ua.substring( ua.lastIndexOf('safari/') + 7 ) );
   }
   else if (this.isOmniweb) {
      this.versionMinor = parseFloat( ua.substring( ua.lastIndexOf('omniweb/') + 8 ) );
   }
   else if (this.isOpera) {
      this.versionMinor = parseFloat( ua.substring( ua.indexOf('opera') + 6 ) );
   }
   else if (this.isIcab) {
      this.versionMinor = parseFloat( ua.substring( ua.indexOf('icab') + 5 ) );
   }
   
   this.versionMajor = parseInt(this.versionMinor); 
   
   // dom support
   this.isDOM1 = (document.getElementById);
   this.isDOM2Event = (document.addEventListener && document.removeEventListener);
   
   // css compatibility mode
   this.mode = document.compatMode ? document.compatMode : 'BackCompat';

   // platform
   this.isWin    = (ua.indexOf('win') != -1);
   this.isWin32  = (this.isWin && ( ua.indexOf('95') != -1 || ua.indexOf('98') != -1 || ua.indexOf('nt') != -1 || ua.indexOf('win32') != -1 || ua.indexOf('32bit') != -1 || ua.indexOf('xp') != -1) );
   this.isMac    = (ua.indexOf('mac') != -1);
   this.isUnix   = (ua.indexOf('unix') != -1 || ua.indexOf('sunos') != -1 || ua.indexOf('bsd') != -1 || ua.indexOf('x11') != -1)
   this.isLinux  = (ua.indexOf('linux') != -1);
   
   // specific browser shortcuts
   this.isNS4x = (this.isNS && this.versionMajor == 4);
   this.isNS40x = (this.isNS4x && this.versionMinor < 4.5);
   this.isNS47x = (this.isNS4x && this.versionMinor >= 4.7);
   this.isNS4up = (this.isNS && this.versionMinor >= 4);
   this.isNS6x = (this.isNS && this.versionMajor == 6);
   this.isNS6up = (this.isNS && this.versionMajor >= 6);
   this.isNS7x = (this.isNS && this.versionMajor == 7);
   this.isNS7up = (this.isNS && this.versionMajor >= 7);
   
   this.isIE4x = (this.isIE && this.versionMajor == 4);
   this.isIE4up = (this.isIE && this.versionMajor >= 4);
   this.isIE5x = (this.isIE && this.versionMajor == 5);
   this.isIE55 = (this.isIE && this.versionMinor == 5.5);
   this.isIE5up = (this.isIE && this.versionMajor >= 5);
   this.isIE6x = (this.isIE && this.versionMajor == 6);
   this.isIE6up = (this.isIE && this.versionMajor >= 6);
   
   this.isIE4xMac = (this.isIE4x && this.isMac);
}

// values are URL, Name of popup (can be anything), width, height, scrollbars? 1 = yes, 0 = no, resizable? 1 = yes, 0 = no)
function popup(URL,PageName,w,h,scrollable,resizable){
	if (URL == "") return false;
	if (PageName == "") PageName = "popup window";
	w = 300;
	h = 300;
	scrollable = 1;
	resizable = 1;
	var LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
	var TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
	var settings = ("height="+h+",width="+w+",top="+TopPosition+",left="+LeftPosition+",scrollbars="+scrollable+",resizable="+resizable);
	myWindow = window.open(URL,PageName,settings);
	myWindow.window.focus();
}

function popUp(pPage)  
{
	popupwin = window.open(pPage,'Reserve','resizable=no,scrollbars=yes,width=360,height=500');
}


function popLarge(pPage)  
{
	popupwin = window.open(pPage,'bigWin','resizable=yes,scrollbars=yes,width=800,height=600');
}

function popLargeMenu(pPage)  
{
	popupwin = window.open(pPage,'bigWin','resizable=yes,scrollbars=yes,width=800,height=600,menubar=yes,toolbar=yes,location=yes');
}


function popupMe(desID){
	PageName=""
	URL = "displayDesigner.asp?DesignerID=" + desID
	if (PageName == "") PageName = "popup window";
	w = 500;
	h = 500;
	scrollable = 1;
	resizable = 1;
	var LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
	var TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
	var settings = ("height="+h+",width="+w+",top="+TopPosition+",left="+LeftPosition+",scrollbars="+scrollable+",resizable="+resizable);
	myWindow2 = window.open(URL,"",settings);
	myWindow2.window.focus();
}

function isValidEmail(emailAddress) 
{
	var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
	return re.test(emailAddress);
}