// normal site functions

// menu flip

<!--
dom = (document.getElementById) ? true : false;
ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
ns4 = (document.layers && !dom) ? true : false;
ie4 = (document.all && !dom) ? true : false;
nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
// expand layers
var curLyr='expandText0';
function expandLyr(pg) {
	

	var oldLyr = curLyr;
	collapsetheLyr(oldLyr);
  	curLyr = pg;
	expandtheLyr(pg);
}

function expandtheLyr(lyr) {
	

	var theLyr = (ns4)? document.mainContentRight.document.layers[lyr] : (ie4)? document.all[lyr].style : (ie5||ns5)? document.getElementById(lyr).style: null;
	if (!theLyr) return;
	theLyr.display = "block";

} 

function collapsetheLyr(lyr) {
	var theLyr = (ns4)? document.mainContentRight.document.layers[lyr] : (ie4)? document.all[lyr].style : (ie5||ns5)? document.getElementById(lyr).style: null;
	if (!theLyr) return;
	
	theLyr.display = "none";

}



browsok = (((navigator.appName == "Netscape")
&& (parseInt(navigator.appVersion) >= 3))
|| ((navigator.appName == "Microsoft Internet Explorer")
&& (parseInt(navigator.appVersion)>=3)));
if(browsok){
  // MouseOn   
  // Note: the 88 is for the WIDTH, 25 is for the HEIGHT
     home1 = new Image(63, 25);
     home1.src = "images/menuOff_01.gif";
     colle1 = new Image(70, 25);
     colle1.src = "images/menuOff_02.gif";
     colla1 = new Image(101, 25);
     colla1.src = "images/menuOff_03.gif";
     stock1 = new Image(60, 25);
     stock1.src = "images/menuOff_04.gif";
	 buy1 = new Image(29, 25);
     buy1.src = "images/menuOff_05.gif";
     news1 = new Image(40, 25);
     news1.src = "images/menuOff_06.gif";   
	 cont1 = new Image(87, 25);
     cont1.src = "images/menuOff_07.gif";  

  // MouseOff
  // Note: the 88 is for the WIDTH, 25 is for the HEIGHT
     home0 = new Image(63, 25);
     home0.src = "images/menuOn_01.gif";
     colle0 = new Image(70, 25);
     colle0.src = "images/menuOn_02.gif";
     colla0 = new Image(101, 25);
     colla0.src = "images/menuOn_03.gif";
     stock0 = new Image(60, 25);
     stock0.src = "images/menuOn_04.gif";
	 buy0 = new Image(29, 25);
     buy0.src = "images/menuOn_05.gif";
     news0 = new Image(40, 25);
     news0.src = "images/menuOn_06.gif"; 
	 cont0 = new Image(87, 25);
     cont0.src = "images/menuOn_07.gif"; 

}
function BNB_mouseon(n){
     if(browsok){
          imageON = eval(n + "0.src");
          document [n].src = imageON;
          }
}
function BNB_mouseoff(n){
     if(browsok){
imageOFF = eval(n + "1.src");
     document [n].src = imageOFF;
          }
}


// collection "back" flip

function SwapOut(anImage) {
	
	if (anImage=='back'){
		Image1= new Image(239,24)
		Image1.src = "images/BtnBackOn.gif"
			
	} else	if (anImage=='next'){
		Image1= new Image(90,24)
		Image1.src = "images/BtnNextOn.gif"
	}
	 else	if (anImage=='previous'){
		Image1= new Image(90,24)
		Image1.src = "images/BtnpreviousOn.gif"
	
	}
	var element = 'imageflip'+anImage;
	document[element].src = Image1.src; return true;
}

function SwapBack(anImage) {
		if (anImage=='back'){
		Image2 = new Image(239,24)
		Image2.src = "images/BtnBackOff.gif"	
	} else	if (anImage=='next'){
		Image2 = new Image(90,24)
		Image2.src = "images/BtnNextOff.gif"	
	}
	 else	if (anImage=='previous'){
		Image2 = new Image(90,24)
		Image2.src = "images/BtnpreviousOff.gif"	

	}
		var element = 'imageflip'+anImage;
	document[element].src = Image2.src; return true;
}





function confirmDeleteIt ()
 {
	if (confirm("Please confirm you wish to delete")) {
		return true;
	} else {
	 return false;	
	}
 }
 
 // menu change colour of item that is clicked
 
 function changeMenuColour (elementID)
{
  	var elementID = elementID;
  	var MenuItem = document.getElementById(elementID);
	//window.alert (MenuItem.id)
	document.getElementById(elementID).style.backgroundColor = "#333333";

}
 
 //// CAR FUNCTIONS

// JavaScript Document
 <!--

// FORM VALIDATION FOR seasonS
function submitseasonForm(carForm) {
			// season sure they enter a title
			if (carForm.season_name.value == "") {	
			// cannot be empty
				carForm.season_name.select();
				window.alert ("Please enter a season");	
				return false;
			}
			
}
// FORM VALIDATION FOR categoryS
function submitcategoryForm(carForm) {
			// season sure they enter a title
			if (carForm.subcatname.value == "") {	
			// cannot be empty
				carForm.subcatname.select();
				window.alert ("Please enter a category name");	
				return false;
			}
			
}

// FOR ALL OTHER FORMS

function submitFeedbackForm(aForm) {
			// season sure they enter a title
			if (aForm.name.value == "") {	
			// cannot be empty
				aForm.name.select();
				window.alert ("Please enter your name");	
				return false;
			}
			
			if (aForm.email.value == "") {	
			// cannot be empty
				aForm.email.select();
				window.alert ("Please enter your email address");	
				return false;
			}
		
		
			// cannot be empty
			if(aForm.id=="feedback"){
			if (aForm.comments.value==""){
				aForm.comments.select();
				window.alert ("Please enter your comments");	
				return false;
			
			}
			}
				
			if(aForm.id=="contact"){
			if (aForm.enquiry.value==""){
				aForm.enquiry.select();
				window.alert ("Please enter your enquiry");	
				return false;
			
			}
			}
				
		return true;		
}


// CHECK IF VALUE IS A NUMBER
	function isNum(passedVal) {					// Is this a number?
			if (passedVal == "") {
				return false;
			}
			for (i=0; i<passedVal.length; i++) {
				if (passedVal.charAt(i) < "0") {
					return false;
				}
				if (passedVal.charAt(i) > "9") {
					return false;
				}
			}
			return true;
		}

// image rotator on product page
maxPic = 4;
count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval("document.p.src=p" + count + ".src");
}


// change div background colour

function changeDivBackground(div,bgcol)
{
	elem = document.getElementById(div);
	elem.style.background =bgcol;
}










//================================search options populator for NEW Products ========================
	/*
	  @description: populates sub category [car model] selection box
	  depending on which options in the category [car make] selection box have been
	  selected
	  @param: aCatid, the number corresponding to the category [car make]
	*/
	// array of category ID's - dynamically populated from PHP
				catIdsNewProducts= new Array();
	// array of subcategory ID's - dynamically populated from PHP
				subCatIdsNewProducts = new Array();
	// array of subcategory names's - dynamically populated from PHP
				subCatNamesNewProducts = new Array();
		function BuildNewProductsMenu(aCatid) {
	
					// get catid value of currently selected category
				   	var w = document.forms["new_product"].c.selectedIndex;
					aCatid =document.forms["new_product"].c.options[w].value;
			
					// define sub category picker
					var sc = document.forms["new_product"].sc;
					// reset all values to 0
					for (i = 0; i < sc.options.length; i++) {
						sc.options[i] = null;
					}
					while (sc.options.length > 0) {
						sc.options[0] = null;
					}
					var x = 0;
						//document.forms["new_product"].sc.options[x] = new Option("- All models -","0");
					//x ++;
					// variable to position new sub categories
					for (var i=0;i<catIdsNewProducts.length;i++){
						if (catIdsNewProducts[i]==aCatid){
						// stick in new sub categories
								document.forms["new_product"].sc.options[x] = new Option(subCatNamesNewProducts[i],subCatIdsNewProducts[i]);
								x ++;
						}
					}
			 }
			 
			 
			 

	/*
	  @description: populates category [car make] array from php loop
	  @param: anID, the number corresponding to the category [car make]
	*/	
function addToCatIDArrayNewproduct (anID)
{
	catIdsNewProducts.push (anID);
}
	/*
	  @description: populates sub category [car model] array from php loop
	  @param: anID, the number corresponding to the sub category [car model]
	*/	
function addToSubCatIDArrayNewproduct (anID)
{
	subCatIdsNewProducts.push (anID);
}
	/*
	  @description: populates sub category name [car model] array from php loop
	  @param: anName, the displayed name corresponding to the sub category [car model]
	*/	
function addToSubCatNamesArrayNewproduct (anName)
{
	subCatNamesNewProducts.push (anName);
}

// ===================================================================
// Author: Matt Kruse <matt@mattkruse.com>
// WWW: http://www.mattkruse.com/
//
// NOTICE: You may use this code for any purpose, commercial or
// private, without any further permission from the author. You may
// remove this notice from your final code if you wish, however it is
// appreciated by the author if at least my web site address is kept.
//
// You may *NOT* re-distribute this code in any way except through its
// use. That means, you can include it in your product, or your web
// site, or any other form where the code is actually being used. You
// may not put the plain javascript up on your site for download or
// include it in your javascript libraries for download. 
// If you wish to share this code with others, please just point them
// to the URL instead.
// Please DO NOT link directly to my .js files from your site. Copy
// the files to your server and use them there. Thank you.
// ===================================================================

/* 
Last modified: 02/24/2003

DESCRIPTION: This widget is used to select a color, in hexadecimal #RRGGBB 
form. It uses a color "swatch" to display the standard 216-color web-safe 
palette. The user can then click on a color to select it.

COMPATABILITY: See notes in AnchorPosition.js and PopupWindow.js.
Only the latest DHTML-capable browsers will show the color and hex values
at the bottom as your mouse goes over them.

USAGE:
// Create a new ColorPicker object using DHTML popup
var cp = new ColorPicker();

// Create a new ColorPicker object using Window Popup
var cp = new ColorPicker('window');

// Add a link in your page to trigger the popup. For example:
<A HREF="#" onClick="cp.show('pick');return false;" NAME="pick" ID="pick">Pick</A>

// Or use the built-in "select" function to do the dirty work for you:
<A HREF="#" onClick="cp.select(document.forms[0].color,'pick');return false;" NAME="pick" ID="pick">Pick</A>

// If using DHTML popup, write out the required DIV tag near the bottom
// of your page.
<SCRIPT LANGUAGE="JavaScript">cp.writeDiv()</SCRIPT>

// Write the 'pickColor' function that will be called when the user clicks
// a color and do something with the value. This is only required if you
// want to do something other than simply populate a form field, which is 
// what the 'select' function will give you.
function pickColor(color) {
	field.value = color;
	}

NOTES:
1) Requires the functions in AnchorPosition.js and PopupWindow.js

2) Your anchor tag MUST contain both NAME and ID attributes which are the 
   same. For example:
   <A NAME="test" ID="test"> </A>

3) There must be at least a space between <A> </A> for IE5.5 to see the 
   anchor tag correctly. Do not do <A></A> with no space.

4) When a ColorPicker object is created, a handler for 'onmouseup' is
   attached to any event handler you may have already defined. Do NOT define
   an event handler for 'onmouseup' after you define a ColorPicker object or
   the color picker will not hide itself correctly.
*/ 
// ===================================================================
// Author: Matt Kruse <matt@mattkruse.com>
// WWW: http://www.mattkruse.com/
//
// NOTICE: You may use this code for any purpose, commercial or
// private, without any further permission from the author. You may
// remove this notice from your final code if you wish, however it is
// appreciated by the author if at least my web site address is kept.
//
// You may *NOT* re-distribute this code in any way except through its
// use. That means, you can include it in your product, or your web
// site, or any other form where the code is actually being used. You
// may not put the plain javascript up on your site for download or
// include it in your javascript libraries for download. 
// If you wish to share this code with others, please just point them
// to the URL instead.
// Please DO NOT link directly to my .js files from your site. Copy
// the files to your server and use them there. Thank you.
// ===================================================================

/* SOURCE FILE: AnchorPosition.js */
function getAnchorPosition(anchorname) {
	var useWindow = false;
	var coordinates = new Object();
	var x = 0, y = 0;
	var use_gebi = false, use_css = false, use_layers = false;
	if (document.getElementById) {
		use_gebi = true;
	} else if (document.all) {
		use_css = true;
	} else if (document.layers) {
		use_layers = true;
	}
	if (use_gebi && document.all) {
		x = AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
		y = AnchorPosition_getPageOffsetTop(document.all[anchorname]);
	} else if (use_gebi) {
		var o = document.getElementById(anchorname);
		x = AnchorPosition_getPageOffsetLeft(o);
		y = AnchorPosition_getPageOffsetTop(o);
	} else if (use_css) {
		x = AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
		y = AnchorPosition_getPageOffsetTop(document.all[anchorname]);
	} else if (use_layers) {
		var found = 0;
		for (var i = 0; i<document.anchors.length; i++) {
			if (document.anchors[i].name == anchorname) {
				found = 1;
				break;
			}
		}
		if (found == 0) {
			coordinates.x = 0;
			coordinates.y = 0;
			return coordinates;
		}
		x = document.anchors[i].x;
		y = document.anchors[i].y;
	} else {
		coordinates.x = 0;
		coordinates.y = 0;
		return coordinates;
	}
	coordinates.x = x;
	coordinates.y = y;
	return coordinates;
}
function getAnchorWindowPosition(anchorname) {
	var coordinates = getAnchorPosition(anchorname);
	var x = 0;
	var y = 0;
	if (document.getElementById) {
		if (isNaN(window.screenX)) {
			x = coordinates.x-document.body.scrollLeft+window.screenLeft;
			y = coordinates.y-document.body.scrollTop+window.screenTop;
		} else {
			x = coordinates.x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset;
			y = coordinates.y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset;
		}
	} else if (document.all) {
		x = coordinates.x-document.body.scrollLeft+window.screenLeft;
		y = coordinates.y-document.body.scrollTop+window.screenTop;
	} else if (document.layers) {
		x = coordinates.x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset;
		y = coordinates.y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset;
	}
	coordinates.x = x;
	coordinates.y = y;
	return coordinates;
}
function AnchorPosition_getPageOffsetLeft(el) {
	var ol = el.offsetLeft;
	while ((el=el.offsetParent) != null) {
		ol += el.offsetLeft;
	}
	return ol;
}
function AnchorPosition_getWindowOffsetLeft(el) {
	return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft;
}
function AnchorPosition_getPageOffsetTop(el) {
	var ot = el.offsetTop;
	while ((el=el.offsetParent) != null) {
		ot += el.offsetTop;
	}
	return ot;
}
function AnchorPosition_getWindowOffsetTop(el) {
	return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop;
}
/* SOURCE FILE: PopupWindow.js */
function PopupWindow_getXYPosition(anchorname) {
	var coordinates;
	if (this.type == "WINDOW") {
		coordinates = getAnchorWindowPosition(anchorname);
	} else {
		coordinates = getAnchorPosition(anchorname);
	}
	this.x = coordinates.x;
	this.y = coordinates.y;
}
function PopupWindow_setSize(width, height) {
	this.width = width;
	this.height = height;
}
function PopupWindow_populate(contents) {
	this.contents = contents;
	this.populated = false;
}
function PopupWindow_setUrl(url) {
	this.url = url;
}
function PopupWindow_setWindowProperties(props) {
	this.windowProperties = props;
}
function PopupWindow_refresh() {
	if (this.divName != null) {
		if (this.use_gebi) {
			document.getElementById(this.divName).innerHTML = this.contents;
		} else if (this.use_css) {
			document.all[this.divName].innerHTML = this.contents;
		} else if (this.use_layers) {
			var d = document.layers[this.divName];
			d.document.open();
			d.document.writeln(this.contents);
			d.document.close();
		}
	} else {
		if (this.popupWindow != null && !this.popupWindow.closed) {
			if (this.url != "") {
				this.popupWindow.location.href = this.url;
			} else {
				this.popupWindow.document.open();
				this.popupWindow.document.writeln(this.contents);
				this.popupWindow.document.close();
			}
			this.popupWindow.focus();
		}
	}
}
function PopupWindow_showPopup(anchorname) {
	this.getXYPosition(anchorname);
	this.x += this.offsetX;
	this.y += this.offsetY;
	if (!this.populated && (this.contents != "")) {
		this.populated = true;
		this.refresh();
	}
	if (this.divName != null) {
		if (this.use_gebi) {
			document.getElementById(this.divName).style.left = this.x+"px";
			document.getElementById(this.divName).style.top = this.y;
			document.getElementById(this.divName).style.visibility = "visible";
		} else if (this.use_css) {
			document.all[this.divName].style.left = this.x;
			document.all[this.divName].style.top = this.y;
			document.all[this.divName].style.visibility = "visible";
		} else if (this.use_layers) {
			document.layers[this.divName].left = this.x;
			document.layers[this.divName].top = this.y;
			document.layers[this.divName].visibility = "visible";
		}
	} else {
		if (this.popupWindow == null || this.popupWindow.closed) {
			if (this.x<0) {
				this.x = 0;
			}
			if (this.y<0) {
				this.y = 0;
			}
			if (screen && screen.availHeight) {
				if ((this.y+this.height)>screen.availHeight) {
					this.y = screen.availHeight-this.height;
				}
			}
			if (screen && screen.availWidth) {
				if ((this.x+this.width)>screen.availWidth) {
					this.x = screen.availWidth-this.width;
				}
			}
			var avoidAboutBlank = window.opera || (document.layers && !navigator.mimeTypes['*']) || navigator.vendor == 'KDE' || (document.childNodes && !document.all && !navigator.taintEnabled);
			this.popupWindow = window.open(avoidAboutBlank ? "" : "about:blank", "window_"+anchorname, this.windowProperties+",width="+this.width+",height="+this.height+",screenX="+this.x+",left="+this.x+",screenY="+this.y+",top="+this.y+"");
		}
		this.refresh();
	}
}
function PopupWindow_hidePopup() {
	if (this.divName != null) {
		if (this.use_gebi) {
			document.getElementById(this.divName).style.visibility = "hidden";
		} else if (this.use_css) {
			document.all[this.divName].style.visibility = "hidden";
		} else if (this.use_layers) {
			document.layers[this.divName].visibility = "hidden";
		}
	} else {
		if (this.popupWindow && !this.popupWindow.closed) {
			this.popupWindow.close();
			this.popupWindow = null;
		}
	}
}
function PopupWindow_isClicked(e) {
	if (this.divName != null) {
		if (this.use_layers) {
			var clickX = e.pageX;
			var clickY = e.pageY;
			var t = document.layers[this.divName];
			if ((clickX>t.left) && (clickX<t.left+t.clip.width) && (clickY>t.top) && (clickY<t.top+t.clip.height)) {
				return true;
			} else {
				return false;
			}
		} else if (document.all) {
			var t = window.event.srcElement;
			while (t.parentElement != null) {
				if (t.id == this.divName) {
					return true;
				}
				t = t.parentElement;
			}
			return false;
		} else if (this.use_gebi && e) {
			var t = e.originalTarget;
			while (t.parentNode != null) {
				if (t.id == this.divName) {
					return true;
				}
				t = t.parentNode;
			}
			return false;
		}
		return false;
	}
	return false;
}
function PopupWindow_hideIfNotClicked(e) {
	if (this.autoHideEnabled && !this.isClicked(e)) {
		this.hidePopup();
	}
}
function PopupWindow_autoHide() {
	this.autoHideEnabled = true;
}
function PopupWindow_hidePopupWindows(e) {
	for (var i = 0; i<popupWindowObjects.length; i++) {
		if (popupWindowObjects[i] != null) {
			var p = popupWindowObjects[i];
			p.hideIfNotClicked(e);
		}
	}
}
function PopupWindow_attachListener() {
	if (document.layers) {
		document.captureEvents(Event.MOUSEUP);
	}
	window.popupWindowOldEventListener = document.onmouseup;
	if (window.popupWindowOldEventListener != null) {
		document.onmouseup = new Function("window.popupWindowOldEventListener();PopupWindow_hidePopupWindows();");
	} else {
		document.onmouseup = PopupWindow_hidePopupWindows;
	}
}
function PopupWindow() {
	if (!window.popupWindowIndex) {
		window.popupWindowIndex = 0;
	}
	if (!window.popupWindowObjects) {
		window.popupWindowObjects = new Array();
	}
	if (!window.listenerAttached) {
		window.listenerAttached = true;
		PopupWindow_attachListener();
	}
	this.index = popupWindowIndex++;
	popupWindowObjects[this.index] = this;
	this.divName = null;
	this.popupWindow = null;
	this.width = 0;
	this.height = 0;
	this.populated = false;
	this.visible = false;
	this.autoHideEnabled = false;
	this.contents = "";
	this.url = "";
	this.windowProperties = "toolbar=no,location=no,status=no,menubar=no,scrollbars=auto,resizable,alwaysRaised,dependent,titlebar=no";
	if (arguments.length>0) {
		this.type = "DIV";
		this.divName = arguments[0];
	} else {
		this.type = "WINDOW";
	}
	this.use_gebi = false;
	this.use_css = false;
	this.use_layers = false;
	if (document.getElementById) {
		this.use_gebi = true;
	} else if (document.all) {
		this.use_css = true;
	} else if (document.layers) {
		this.use_layers = true;
	} else {
		this.type = "WINDOW";
	}
	this.offsetX = 0;
	this.offsetY = 0;
	this.getXYPosition = PopupWindow_getXYPosition;
	this.populate = PopupWindow_populate;
	this.setUrl = PopupWindow_setUrl;
	this.setWindowProperties = PopupWindow_setWindowProperties;
	this.refresh = PopupWindow_refresh;
	this.showPopup = PopupWindow_showPopup;
	this.hidePopup = PopupWindow_hidePopup;
	this.setSize = PopupWindow_setSize;
	this.isClicked = PopupWindow_isClicked;
	this.autoHide = PopupWindow_autoHide;
	this.hideIfNotClicked = PopupWindow_hideIfNotClicked;
}
/* SOURCE FILE: ColorPicker2.js */
ColorPicker_targetInput = null;
function ColorPicker_writeDiv() {
	document.writeln("<DIV ID=\"colorPickerDiv\" STYLE=\"position:absolute;visibility:hidden;\"> </DIV>");
}
function ColorPicker_show(anchorname) {
	this.showPopup(anchorname);
}
function ColorPicker_pickColor(color, obj) {
	obj.hidePopup();
	pickColor(color);
	
		page_writeColor(color);
}
function pickColor(color) {
	if (ColorPicker_targetInput == null) {
		alert("Target Input is null, which means you either didn't use the 'select' function or you have no defined your own 'pickColor' function to handle the picked color!");
		return;
	}
	ColorPicker_targetInput.value = color;
}
function ColorPicker_select(inputobj, linkname) {
	if (inputobj.type != "text" && inputobj.type != "hidden" && inputobj.type != "textarea") {
		alert("colorpicker.select: Input object passed is not a valid form input object");
		window.ColorPicker_targetInput = null;
		return;
	}
	window.ColorPicker_targetInput = inputobj;
	this.show(linkname);
}
function ColorPicker_highlightColor(c) {
	var thedoc = (arguments.length>1) ? arguments[1] : window.document;
	var d = thedoc.getElementById("colorPickerSelectedColor");
	d.style.backgroundColor = c;
	d = thedoc.getElementById("colorPickerSelectedColorValue");
	d.innerHTML = c;
	

}
function ColorPicker() {
	var windowMode = false;
	if (arguments.length == 0) {
		var divname = "colorPickerDiv";
	} else if (arguments[0] == "window") {
		var divname = '';
		windowMode = true;
	} else {
		var divname = arguments[0];
	}
	if (divname != "") {
		var cp = new PopupWindow(divname);
	} else {
		var cp = new PopupWindow();
		cp.setSize(225, 250);
	}
	cp.currentValue = "#FFFFFF";
	cp.writeDiv = ColorPicker_writeDiv;
	cp.highlightColor = ColorPicker_highlightColor;
	cp.show = ColorPicker_show;
	cp.select = ColorPicker_select;
	var colors = new Array("#000000", "#000033", "#000066", "#000099", "#0000CC", "#0000FF", "#330000", "#330033", "#330066", "#330099", "#3300CC", "#3300FF", "#660000", "#660033", "#660066", "#660099", "#6600CC", "#6600FF", "#990000", "#990033", "#990066", "#990099", "#9900CC", "#9900FF", "#CC0000", "#CC0033", "#CC0066", "#CC0099", "#CC00CC", "#CC00FF", "#FF0000", "#FF0033", "#FF0066", "#FF0099", "#FF00CC", "#FF00FF", "#003300", "#003333", "#003366", "#003399", "#0033CC", "#0033FF", "#333300", "#333333", "#333366", "#333399", "#3333CC", "#3333FF", "#663300", "#663333", "#663366", "#663399", "#6633CC", "#6633FF", "#993300", "#993333", "#993366", "#993399", "#9933CC", "#9933FF", "#CC3300", "#CC3333", "#CC3366", "#CC3399", "#CC33CC", "#CC33FF", "#FF3300", "#FF3333", "#FF3366", "#FF3399", "#FF33CC", "#FF33FF", "#006600", "#006633", "#006666", "#006699", "#0066CC", "#0066FF", "#336600", "#336633", "#336666", "#336699", "#3366CC", "#3366FF", "#666600", "#666633", "#666666", "#666699", "#6666CC", "#6666FF", "#996600", "#996633", "#996666", "#996699", "#9966CC", "#9966FF", "#CC6600", "#CC6633", "#CC6666", "#CC6699", "#CC66CC", "#CC66FF", "#FF6600", "#FF6633", "#FF6666", "#FF6699", "#FF66CC", "#FF66FF", "#009900", "#009933", "#009966", "#009999", "#0099CC", "#0099FF", "#339900", "#339933", "#339966", "#339999", "#3399CC", "#3399FF", "#669900", "#669933", "#669966", "#669999", "#6699CC", "#6699FF", "#999900", "#999933", "#999966", "#999999", "#9999CC", "#9999FF", "#CC9900", "#CC9933", "#CC9966", "#CC9999", "#CC99CC", "#CC99FF", "#FF9900", "#FF9933", "#FF9966", "#FF9999", "#FF99CC", "#FF99FF", "#00CC00", "#00CC33", "#00CC66", "#00CC99", "#00CCCC", "#00CCFF", "#33CC00", "#33CC33", "#33CC66", "#33CC99", "#33CCCC", "#33CCFF", "#66CC00", "#66CC33", "#66CC66", "#66CC99", "#66CCCC", "#66CCFF", "#99CC00", "#99CC33", "#99CC66", "#99CC99", "#99CCCC", "#99CCFF", "#CCCC00", "#CCCC33", "#CCCC66", "#CCCC99", "#CCCCCC", "#CCCCFF", "#FFCC00", "#FFCC33", "#FFCC66", "#FFCC99", "#FFCCCC", "#FFCCFF", "#00FF00", "#00FF33", "#00FF66", "#00FF99", "#00FFCC", "#00FFFF", "#33FF00", "#33FF33", "#33FF66", "#33FF99", "#33FFCC", "#33FFFF", "#66FF00", "#66FF33", "#66FF66", "#66FF99", "#66FFCC", "#66FFFF", "#99FF00", "#99FF33", "#99FF66", "#99FF99", "#99FFCC", "#99FFFF", "#CCFF00", "#CCFF33", "#CCFF66", "#CCFF99", "#CCFFCC", "#CCFFFF", "#FFFF00", "#FFFF33", "#FFFF66", "#FFFF99", "#FFFFCC", "#FFFFFF");
	var total = colors.length;
	var width = 18;
	var cp_contents = "";
	var windowRef = (windowMode) ? "window.opener." : "";
	if (windowMode) {
		cp_contents += "<HTML><HEAD><TITLE>Select Color</TITLE></HEAD>";
		cp_contents += "<BODY MARGINWIDTH=0 MARGINHEIGHT=0 LEFTMARGIN=0 TOPMARGIN=0><CENTER>";
	}
	cp_contents += "<TABLE BORDER=1 CELLSPACING=1 CELLPADDING=0>";
	var use_highlight = (document.getElementById || document.all) ? true : false;
	for (var i = 0; i<total; i++) {
		if ((i%width) == 0) {
			cp_contents += "<TR>";
		}
		if (use_highlight) {
			var mo = 'onMouseOver="'+windowRef+'ColorPicker_highlightColor(\''+colors[i]+'\',window.document)"';
		} else {
			mo = "";
		}
		cp_contents += '<TD BGCOLOR="'+colors[i]+'"><FONT SIZE="-3"><A HREF="#" onClick="'+windowRef+'ColorPicker_pickColor(\''+colors[i]+'\','+windowRef+'window.popupWindowObjects['+cp.index+']);return false;" '+mo+' STYLE="text-decoration:none;">&nbsp;&nbsp;&nbsp;</A></FONT></TD>';
		if (((i+1)>=total) || (((i+1)%width) == 0)) {
			cp_contents += "</TR>";
		}
	}
	if (document.getElementById) {
		var width1 = Math.floor(width/2);
		var width2 = width=width1;
		cp_contents += "<TR><TD COLSPAN='"+width1+"' BGCOLOR='#ffffff' ID='colorPickerSelectedColor'>&nbsp;</TD><TD COLSPAN='"+width2+"' ALIGN='CENTER' ID='colorPickerSelectedColorValue'>#FFFFFF</TD></TR>";
	}
	cp_contents += "</TABLE>";
	if (windowMode) {
		cp_contents += "</CENTER></BODY></HTML>";
	}
	cp.populate(cp_contents+"\n");
	cp.offsetY = 25;
	cp.autoHide();
	return cp;
}
// ================================ editted ===============


var numberOfCols;
var ColourColumnindex;
var numberOfColumns;
var ColourArray  = new Array();

function setColoursArray (aStringArray){
	ColourArray = aStringArray.split('*');
	// garbage removal
	ColourArray.splice(0,1);
	}

function setDivsForColorOptions (numberOfCols,Ccindex,aColumnIndex){
	ColourColumnindex = Ccindex;
	numberOfColumns = aColumnIndex;
}


var pickedColors = 0 ;

function page_writeColor(c) {
	/*var thedoc = window.document;
	var d =  window.document.getElementById("test"+pickedColors);
	d.style.backgroundColor = c;
	d = thedoc.getElementById("test"+pickedColors);
	d.innerHTML = c;
	pickedColors++
	*/
	// CHECK TO SEE IF COLOUR HAS ALREADY BEEN SELECTED
for (var i=0;i<ColourArray.length;i++){
		if (ColourArray[i].toLowerCase()==c.toLowerCase()){
			window.alert("you have already selected this colour!");
			var selected = true;
		}
	}
	if (!selected){
		insertColourDetails (c);
	}
}

// insert colour details into web page
function insertColourDetails (selectedColour)
{
	var AHtml ='';
			ColourArray.push(selectedColour);
			if (ColourColumnindex==4){
			numberOfColumns++;
			AHtml =AHtml + '</div>';
			ColourColumnindex=1;
			var AHtml = '<div class="prodColourSwatchCont" id="prodColourSwatchCont'+numberOfColumns+'">';
			AHtml += '<div class="prodColourSwatch" id="prodColourSwatch'+ColourColumnindex+'"  onClick="deleteColurSwatch (this)" style="background-color:'+selectedColour+'"  >';
				AHtml += '<table cellpadding="0" cellspacing="0"  height="32" style="width:100%;border:0px"; background-color:'+selectedColour+'"><tr> <td align="right" ><img src="images/closeButton.gif" border=0/></td></tr></table>';
			AHtml += '</div>';
			AHtml += '<br/>';

var currentElementToWriteIn= x = document.getElementById('prodColoursCnt');
		} else {
			ColourColumnindex++;
			var	AHtml = '<div class="prodColourSwatch" id="prodColourSwatch'+ColourColumnindex+'" style="background-color:'+selectedColour+'"  onClick="deleteColurSwatch (this)">';
				AHtml += '<table cellpadding="0" cellspacing="0"  height="32" style="width:100%;border:0px"; background-color:'+selectedColour+'"><tr> <td align="right" ><img src="images/closeButton.gif" border=0/></td></tr></table>';
			AHtml += '</div>';
			AHtml += '<br/>';		
			var currentElementToWriteIn= x = document.getElementById('prodColourSwatchCont'+numberOfColumns);	
		}
	//currentElementToWriteIn = document.getElementById(id);
		var currentHTML= currentElementToWriteIn.innerHTML ;
		//x.innerHTML = text;
		var newHTML = currentHTML+AHtml;
		//window.alert(newHTML)
		currentElementToWriteIn.innerHTML =newHTML;
		setColourArrayFormElement();
		//window.alert(newHTML)
}

// === delete color from ColourArray

function deleteColurSwatch (anElement)
{
	
	if (CheckForExplorer()) {
		var hexValue = anElement.style.backgroundColor;
	} else {
		var hexValue = hexnum(anElement.style.backgroundColor, 1, 1);
	}
	// deleted from array
	for (var i=0;i<ColourArray.length;i++){
		
	if (ColourArray[i].toLowerCase()==hexValue.toLowerCase()){

			ColourArray.splice(i,1);
			}
	}
	reWriteColourHTML();
	setColourArrayFormElement();
	
}


function setColourArrayFormElement()
{
	var aStringArray='';
	var formElement = document.forms.new_product.selected_colour_options
	for (var i=0;i<ColourArray.length;i++){
		aStringArray=aStringArray+'*'+ColourArray[i];
	}
	formElement.value=aStringArray;
	//return aStringArray;
}


function reWriteColourHTML()
{
	ColourColumnindex=0;
	numberOfColumns=1;
	var AHtml ='';

		var currentElementToWriteIn=document.getElementById('prodColoursCnt');
		currentElementToWriteIn.innerHTML =AHtml;
	
				AHtml += '<div class="prodColourSwatchCont" id="prodColourSwatchCont'+numberOfColumns+'">';
	for (i=0;i<ColourArray.length;i++){
//				window.alert(ColourArray[i])
				ColourColumnindex++;
   				AHtml += '<div class="prodColourSwatch" id="prodColourSwatch'+i+'" onclick="deleteColurSwatch (this)" style="background-color:'+ColourArray[i]+'" >';
    			AHtml += ' <table cellpadding="0" cellspacing="0"  width="100%" height="32" border="0" bgcolor="'+ColourArray[i]+'">';
       			AHtml += '  <tr><td align="right" ><img src="images/closeButton.gif" border=0/></td></tr></table></div><br/>';
  			if (ColourColumnindex==4){
				numberOfColumns++;
				AHtml += '</div>';
				AHtml += '<div class="prodColourSwatchCont" id="prodColourSwatchCont'+numberOfColumns+'">';
				ColourColumnindex=0;
				}
				numberOfColours=i;
}
		AHtml += '	</div>';
		var currentElementToWriteIn=document.getElementById('prodColoursCnt');
		currentElementToWriteIn.innerHTML =AHtml;
		}

// ====================RGB TO HEX COLOURS
function hexnum(string, tohex, returnAsFormattedString){
string+='';//forced to string
if(string.indexOf('rgb')==0){tohex=true;};//forced
if(string.indexOf('#')==0){tohex=false;};//forced
string=string.replace(/#/g, '');
string=string.replace(/^\s*rgb/i, ' ');
string=string.replace(/[,\(\)]/g, ' ');
string=string.replace(/\s{2,}/g, ' ');
string=string.replace(/^[\s\b]+|[\s\b]+$/g, '');
var output=[];
if(tohex){//input is a rgb
string=string.split(' ');
	for(var s=0; s<string.length; s++){
	string[s]=parseInt(string[s]);
	var L=++output.length-1;
	output[L]=string[s].toString(16);
		if(output[L].length==1){output[L]=output[L]+output[L];};
	}
}
else{//input is an hex
string=string.replace(/\s+/g, '');
var three=(string.length<=3);
var increment=(!three || string.length==2)?2:1;
	for(var s=0; s<string.length; s+=increment){
	output[++output.length-1]=(!three)?
	parseInt(string.substring(s,s+2), 16):
	parseInt(string.substring(s,s+1)+string.substring(s,s+1), 16);
	}
};
if(!returnAsFormattedString){return output;}
else if(tohex){output='#'+output.join('');}
else{output='rgb('+output.join(',')+')';};
return output;
/*keep this comment to reuse freely:
http://www.fullposter.com/?1 */
}
// ====================== browser check for Explorer
function CheckForExplorer()
{
	if (navigator.appVersion.indexOf("MSIE")!=-1){
		return true;
	}	else {
		return false;
	}
}

// sho customer photograph

function show_custphoto_photo (aPhoto){
		document.MyImage.src=aPhoto
}
	
	-->