<!--
// Setup page level variables
var everythingLoaded = false
var callcentre_mode = false
var linkClicked = false
var ajaxBoxLoaded = false
var BROWSER_IE4 = "IE4"
var BROWSER_NN4 = "NN4"
var BROWSER_IE = "IE"
var BROWSER_VER
BROWSER_VER = checkBrowser()
xMousePos = 0
yMousePos = 0
xMousePosMax = 0
yMousePosMax = 0

var is_ie6 = (window.external && typeof window.XMLHttpRequest == "undefined");

function showSingleLevelTable(tableToShow,position,leftPos,topPos,leftAdj,topAdj){
//alert("|")
if (everythingLoaded == true){

	var lyr = getMyHTMLElement(tableToShow);
	lyr.style.left =(getLeft(position) + leftAdj )+ "px";
	lyr.style.top = (getTop(position) + topAdj) + "px";
	showDisplayTable(tableToShow)
	}
}
function thinkAboutHidingTable(tableToHide){thinkAboutTimeOut = setTimeout("hideDisplayTable('"+tableToHide+"')",1000);}
function forgetAboutHidingTable(tableToHide){if (typeof thinkAboutTimeOut != 'undefined') {clearTimeout(thinkAboutTimeOut)}}



function checkBrowser() {
	var BROWSER_VER;
	if (document.all && !document.getElementById) 
		BROWSER_VER = BROWSER_IE4
	else if (document.layers) 
		BROWSER_VER = BROWSER_NN4
	else if (document.getElementById) 
		BROWSER_VER = BROWSER_IE
	else 
		BROWSER_VER = BROWSER_IE
	return(BROWSER_VER)
}

function OpenWindow(PageName,PageFrame,PageProperties) { //v2.0
  PageProperties= PageProperties +',scrollbars=0,resizable=1'
  MyWindow = window.open (PageName,PageFrame,PageProperties)
}

function showDisplayTable(tableToShow){
	getMyHTMLElement(tableToShow).style.display='block'
}

function hideDisplayTable(tableToHide){
	getMyHTMLElement(tableToHide).style.display='none'
}

//REM -- Faceted nav and long lists (#127217) - Daeheon Kim - 03/06/2009 
function toggleDisplayTable(tableToToggle){
	if (getMyHTMLElement(tableToToggle).style.display == 'none')
	{
	    showDisplayTable(tableToToggle)
		getMyHTMLElement('h_'+tableToToggle).className ='headeropen'		
	}
	else{
	    hideDisplayTable(tableToToggle)
		getMyHTMLElement('h_'+tableToToggle).className ='header'
	}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function swapImage(imageName,imageFile){
	var swapImageName = eval('document.' + imageName);
	if (typeof(swapImageName) != 'undefined'){
	swapImageName.src = imageFile;
	}
}

function getTop(item){
var top =0;
var mywhere;
mywhere = getMyHTMLElement(item);
	while (mywhere.tagName.toLowerCase() != 'body')
	{
	top += mywhere.offsetTop;
	mywhere = mywhere.offsetParent;
	}
return top;
}

function getLeft(item){
var left =0;
var mywhere;
mywhere = getMyHTMLElement(item);
	while (mywhere.tagName.toLowerCase() != 'body')
	{
	left += mywhere.offsetLeft;
	mywhere = mywhere.offsetParent;
	}
return left;
}

function printPage(){window.print()}

function addToFavorite(urlToAdd,titleToAdd){window.external.AddFavorite(urlToAdd,titleToAdd)}


function bookmarksite(title, url){
if (document.all)
window.external.AddFavorite(url, title);
else if (window.sidebar)
window.sidebar.addPanel(title, url, "")
}


function open_win(url,wname,attr)
{
	if (wname=='undefined') wname = "win"
	if (attr=='undefined') attr = "toolbar=0,location=0,directories=0,status=1,menubar=1,scrollbars=0,resizable=0,width=645,height=540"
	var new_win = window.open(url, wname, attr);
	new_win.focus();
}

function addprod_to_basket(sformname){
var oform = document.forms[sformname]
oform.submit()}

function addprod_to_wishlist(sformname,surl){
var oform = document.forms[sformname]
oform.action = surl;
oform.submit()}


function limittext(field, maxlimit) {
if (field.value.length > maxlimit) 
field.value = field.value.substring(0, maxlimit);
}

function popUp(url) {
	sealWin=window.open(url,"win",'toolbar=0,location=0,directories=0,status=1,menubar=1,scrollbars=1,resizable=1,width=500,height=450');
	self.name = "mainWin"; 
}
			
function popUp2(url,w,h) {
	sealWin=window.open(url,"win",'toolbar=0,location=0,directories=0,status=1,menubar=1,scrollbars=1,resizable=1,width='+w+',height='+h);
	self.name = "mainWin"; 
}

function getMyHTMLElement(sid)
{
	var oelement;
	if(BROWSER_VER==BROWSER_IE4)
		oelement = document.all[sid]
	else if(BROWSER_VER==BROWSER_NN4)
		oelement = document.layers[sid]
	else if(BROWSER_VER==BROWSER_IE)
		oelement = document.getElementById(sid)
	else
		oelement = document.getElementById(sid)
	return(oelement)
}

function LTrim(str)
{
   var whitespace = new String(" \t\n\r");

   var s = new String(str);

   if (whitespace.indexOf(s.charAt(0)) != -1) {
      var j=0, i = s.length;
      while (j < i && whitespace.indexOf(s.charAt(j)) != -1)
         j++;
      s = s.substring(j, i);
   }
   return s;
}

function RTrim(str)
{
   var whitespace = new String(" \t\n\r");

   var s = new String(str);

   if (whitespace.indexOf(s.charAt(s.length-1)) != -1) {

      var i = s.length - 1;       // Get length of string

      while (i >= 0 && whitespace.indexOf(s.charAt(i)) != -1)
         i--;

      s = s.substring(0, i+1);
   }

   return s;
}

function Trim(str)
{
   return RTrim(LTrim(str));
}

function replaceString(aSearch, aFind, aReplace)
    {
    result = aSearch;
    if (result != null && result.length > 0)
        {
        a = 0;
        b = 0;
        while (true)
            {
            a = result.indexOf(aFind, b);
            if (a != -1)
                {
                result = result.substring(0, a) + aReplace + result.substring(a + aFind.length);
                b = a + aReplace.length;
            }
            else
            break;
        }
    }
    return result;
}

function submitIfEnterKey(e,d){
     var key;
     if(window.event)
          key = window.event.keyCode;     //IE
     else
          key = e.which;     //firefox
     if(key == 13){
		startSearch();
     }
}

function startSearch(){
	resetQuickSearch('QuickSearchBox')
	var search_entered = getMyHTMLElement('QuickSearchBox')
	if (search_entered != ""){
	document.QS1.name.value = search_entered.value
	document.QS1.submit()
	}
}
function resetQuickSearch(formStart,valOpt){
	var search_entered = getMyHTMLElement(formStart)
	if (search_entered.value == valOpt){
	search_entered.value = '';
	}
}
function resetQuickSearchBack(formStart,valOpt){
	var search_entered = getMyHTMLElement(formStart)
	if (search_entered.value == ''){
	search_entered.value = valOpt;
	}
}

function isStringANumber(string) {
    if (string.length == 0)
        return false;
    for (var i=0;i < string.length;i++)
        if ((string.substring(i,i+1) < '0') || (string.substring(i,i+1) > '9')){
            return false;
    }
    return true;
}

function selectTab(tabNumber,maxNumberOfTabs){
//    var maxNumberOfTabs = 2
    for (i=1;i<=maxNumberOfTabs;i++){
        getMyHTMLElement('tab' + i).className='tabhead';
        getMyHTMLElement('tabBox' + i).style.display ='none';
    }
    getMyHTMLElement('tab' + tabNumber).className='selected';
    getMyHTMLElement('tabBox' + tabNumber).style.display ='';
}

function selectTabBottom(tabNumber,maxNumberOfTabs){
    //var maxNumberOfTabs = 2
    for (i=1;i<=maxNumberOfTabs;i++){
    alert(i + typeof(getMyHTMLElement('btab' + i)));
    alert(i + typeof(getMyHTMLElement('btabBox' + i)));
        //getMyHTMLElement('btab' + i).className='';
        //getMyHTMLElement('btabBox' + i).style.display ='none';
    }
    getMyHTMLElement('btab' + tabNumber).className='tabselected';
    getMyHTMLElement('btabBox' + tabNumber).style.display ='';
}


var valueForOverlay = 0;
var linkBoxForOverlay = ""

function showPopupA(editorial_content){
    getMyHTMLElement('ajaxEditorial').style.left = ((document.documentElement.clientWidth - 600) /2) + 'px';
    getMyHTMLElement('ajaxEditorial').style.top = ((document.documentElement.clientHeight - 400) /2) + document.documentElement.scrollTop + 'px';
    ajaxGET('ajx_viewindex.asp?article_id=' + editorial_content,'ajaxEditorial',false);
    setOverlaySize();
	showPopup('ajaxEditorial')

}

function showPopupSized(divTag,width,height){

	// if width of content is bigger than screen then set fixed width to 20px less either side of screen width and allow div to scroll rather than page else set width
	
	if (width > document.documentElement.clientWidth) {
	
		width = document.documentElement.clientWidth - 40;
		
	}
	//alert(width + ' , ' + document.documentElement.clientWidth);
	//set size
	getMyHTMLElement(divTag).style.width = width + 'px';
	getMyHTMLElement(divTag).style.height = height + 'px';
	
	//set position
	
    var leftPos = ((document.documentElement.clientWidth - width) /2)
	var topPos = ((document.documentElement.clientHeight - height) /2) + document.documentElement.scrollTop;
	
	getMyHTMLElement(divTag).style.left =  leftPos + 'px';
    getMyHTMLElement(divTag).style.top = topPos + 'px';
	
	// if height of content is bigger than screen then set top position to 20px below scroll position otherwise set position
	
	if (topPos < document.documentElement.scrollTop) {
	
		  topPos = document.documentElement.scrollTop + 20;
		  getMyHTMLElement(divTag).style.top =  topPos + 'px';
	}
	
	var popupPosition = height + topPos;
	//alert(height + ' , ' + topPos + ' , ' + popupPosition);
	//setOverlaySize(popupPosition);
	
	
	// show the content
	showPopup(divTag)

}



function resizePopup(divTag,width,height){

	// if width of content is bigger than screen then set fixed width to 20px less either side of screen width and allow div to scroll rather than page else set width
	
	if (width > document.documentElement.clientWidth) {
	
		width = document.documentElement.clientWidth - 40;
		
	}
	//alert(width + ' , ' + document.documentElement.clientWidth);
	//set size
	
	
	
	
	getMyHTMLElement(divTag).style.width = width + 'px';
	getMyHTMLElement(divTag).style.height = height + 'px';
	

	//set position
	
    var leftPos = ((document.documentElement.clientWidth - width) /2)
	var topPos = ((document.documentElement.clientHeight - height) /2) + document.documentElement.scrollTop;
	
	getMyHTMLElement(divTag).style.left =  leftPos + 'px';
    getMyHTMLElement(divTag).style.top = topPos + 'px';
	
	// if height of content is bigger than screen then set top position to 20px below scroll position otherwise set position
	
	if (topPos < document.documentElement.scrollTop) {
	
		  topPos = document.documentElement.scrollTop + 20;
		  getMyHTMLElement(divTag).style.top =  topPos + 'px';
	}
	
	var popupPosition = height + topPos;
	//alert(height + ' , ' + topPos + ' , ' + popupPosition);
	setOverlaySize(popupPosition);
	
	
	// show the content
	//showPopup(divTag)

}

function showLarge(divTag,width,height){
	//set size
	
	getMyHTMLElement(divTag).style.width = width + 'px';
	getMyHTMLElement(divTag).style.height = height + 'px';
    
	showPopup(divTag)
}

function getContentHeight(popHeight) {
	
	var allTags = new Array();
	var contentHeight = 0;
	var spacingHeight = 0;
	
	allTags = document.getElementsByTagName('div');
	
	for (i=0;i<allTags.length;i++){
		
		if (allTags[i].className=="HOLDER"){
			spacingHeight = allTags[i].offsetTop - contentHeight;
			//alert(spacingHeight);
			contentHeight = contentHeight + allTags[i].offsetHeight + spacingHeight;
		}
	
	}
	
	if (popHeight > contentHeight) {
		contentHeight = popHeight + 50;
	}
	
	return contentHeight;
	
}

function setOverlaySize(popupHeight) {
	
var contentHeight = getContentHeight(popupHeight);
	
	//alert(contentHeight + ' , ' + popupHeight);
	if (contentHeight < document.body.offsetHeight) {
		getMyHTMLElement('overlayBox').style.height = document.body.offsetHeight + 'px';
	}
	else {
		getMyHTMLElement('overlayBox').style.height = contentHeight + 'px';
	}
		
	
}

function showPopup(link){
	
    linkBoxForOverlay = link;
	
	
	
    if (window.sidebar){fadeTimer = setTimeout("MOZ(linkBoxForOverlay)",1)}
    else{
        if (document.all){fadeTimer = setTimeout("IE(linkBoxForOverlay)",1)}
        else{fadeTimer = setTimeout("MOZ(linkBoxForOverlay)",1)}
    }
	getMyHTMLElement('overlayBox').style.display='block';
	//REM -- Email a friend from product details page (#128191) - Daeheon Kim - 21/05/2009 - added below
	getMyHTMLElement('overlayBox').style.height= document.body.offsetHeight + 'px';
	
}

function setPosition(obj, container, ref) {
	
	var xpos = getMyHTMLElement(container).offsetLeft + getMyHTMLElement(ref).offsetLeft;
	var ypos = getMyHTMLElement('holder_HEADER').offsetHeight + getMyHTMLElement('holder_BACKGROUND').offsetHeight;
	//alert(ypos);
	//alert(getMyHTMLElement(container).offsetLeft);
	var object = getMyHTMLElement(obj);
	//alert(obj);
	object.style.left = xpos + "px";
	object.style.top = ypos + "px";
}




function hidePopup(){
    //getMyHTMLElement('overlayContent').style.display='none';
    getMyHTMLElement('overlayBox').style.display='none';
    if (window.sidebar){document.getElementById("overlayBox").style.MozOpacity=0;}
    if (document.all){document.getElementById("overlayBox").filters[0].opacity=0;}
    valueForOverlay = 0;
    if (linkBoxForOverlay !='') {hideDisplayTable(linkBoxForOverlay)}
    hideAllSelectTags(false)
    //document.documentElement.style.overflow = 'auto'
    //fadeTimer = "";
		
	
    }
	
function MOZ(link){
    if (valueForOverlay < 40){
        valueForOverlay = valueForOverlay + 10
        getMyHTMLElement("overlayBox").style.MozOpacity= valueForOverlay/100           		   
		getMyHTMLElement("overlayBox").style.opacity  = valueForOverlay/100  ;
		getMyHTMLElement("overlayBox").style.KhtmlOpacity = valueForOverlay/100 ;
        fadeTimer = setTimeout("MOZ(linkBoxForOverlay)",1)
    }
    else{
        hideAllSelectTags(true);
		//alert(linkBoxForOverlay);
        showDisplayTable(linkBoxForOverlay)
        //getMyHTMLElement('overlayContent').style.left = '40%'
        //getMyHTMLElement('overlayContent').style.display='block';
        //alert(navigator.appVersion.indexOf("Safari"));
        //if(navigator.appVersion.indexOf("Safari")>0){
            //getMyHTMLElement('overlayContent').style.top = (parseInt(document.documentElement.clientHeight)/2)- parseInt(getMyHTMLElement('overlayContent').offsetHeight)/2 + parseInt(document.body.scrollTop)+"px";
        //}else{
            //alert((parseInt(window.screen.height)/2)+","+ parseInt(getMyHTMLElement('overlayContent').offsetHeight)/2+ "," + parseInt(document.documentElement.scrollTop));
    
            //getMyHTMLElement('overlayContent').style.top = (parseInt(document.documentElement.clientHeight)/2)- parseInt(getMyHTMLElement('overlayContent').offsetHeight)/2 + parseInt(document.documentElement.scrollTop)+"px";
        //} 
    //end timeout
    }
}
function IE(link){
    if (valueForOverlay < 40){
        valueForOverlay = valueForOverlay + 10
        document.getElementById("overlayBox").filters[0].opacity=valueForOverlay 
		//getMyHTMLElement("overlayBox").style.filter = 'alpha(opacity=' + valueForOverlay + ')';
		
        //alert(valueForOverlay);
		fadeTimer = setTimeout("IE(linkBoxForOverlay)",1)
		
    }
    else{
        hideAllSelectTags(true)
	    showDisplayTable(linkBoxForOverlay)
	    //getMyHTMLElement('overlayContent').style.left = (parent.document.body.offsetWidth  - 400) /2+"px"
        //getMyHTMLElement('overlayContent').style.display='block';
        //getMyHTMLElement('overlayContent').style.top = document.documentElement.clientHeight/2- getMyHTMLElement('overlayContent').clientHeight/2 + document.documentElement.scrollTop+"px";
        ////alert(  document.getElementById('overlayContent').clientHeight);
       //if(navigator.appVersion.indexOf("Safari")>0){
       //getMyHTMLElement('overlayContent').style.top = (parseInt(document.documentElement.clientHeight)/2)- parseInt(getMyHTMLElement('overlayContent').offsetHeight)/2 + parseInt(document.body.scrollTop)+"px";
       
   //}
    }
}



function chooseHomeTab(tab,maxtab){
    for (i=1;i<maxtab;i++){
    getMyHTMLElement('hometab_' + i).className = '';
    getMyHTMLElement('homedesc_' + i).style.display = 'none';
    }
    getMyHTMLElement('hometab_' + tab).className = 'tabselected';
    getMyHTMLElement('homedesc_' + tab).style.display = '';

}

function cleanColourValues(alternativeColourSelected){

    alternativeColourSelected = replaceString(alternativeColourSelected,' ','');
    alternativeColourSelected = replaceString(alternativeColourSelected,'-','');
    alternativeColourSelected = replaceString(alternativeColourSelected,'/','');
    alternativeColourSelected = replaceString(alternativeColourSelected,'\\','');
    return alternativeColourSelected;
}

function hideAllSelectTags(OnOrOff){
	//alert("|")
    if (is_ie6==true){
        var mainIdOnPage = 'holder_MAIN'
        var div = document.getElementById(mainIdOnPage);
        var x = div.getElementsByTagName("select");   
        for(var i=0;i<x.length;i++){
            if (OnOrOff==true) {
                zoomActivatedWithoutPopup = false
                x[i].style.visibility = 'hidden';
				
            }
            else{
                zoomActivatedWithoutPopup = true
                x[i].style.visibility = 'visible';
            }
        }
    }
}



// Section for Recently Viewed
var RVstatus = 'visible';
function showHideRV() {
    switch (RVstatus){
	    case "visible": 
		    getMyHTMLElement('holder_RECENTLYVIEWED').className = 'closed';
		    getMyHTMLElement('RecentlyViewedTitle').className = 'closed';
		    getMyHTMLElement('RVproducts').className = 'closed';
		    RVstatus = 'hidden';
		    break;
	    case "hidden": 
		    getMyHTMLElement('holder_RECENTLYVIEWED').className = 'open';
		    getMyHTMLElement('RecentlyViewedTitle').className = 'open';
		    getMyHTMLElement('RVproducts').className = 'open';
		    RVstatus = 'visible';
		    break;
	}
}

//-->

/****THIS IS FOR MAIN NAVIGATION DROP DOWN*****/

sfHover = function() {
    var sfEls = document.getElementById("drop").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
// JH on 15/07/2009 
// if (window.attachEvent) window.attachEvent("onload", sfHover);


/* LIGHTBOX STYLE LARGE IMAGE POPUP */

function setImage() {
				
	loadingImg = getMyHTMLElement('loadingImageBOX');
	imgPreload.src = large_image_file_name;
	
	if (imgPreload.complete) {
		//alert(large_image_file_name);
		//if (imgPreload.width != 0 && imgPreload.height != 0){
			loadingImg.style.display = 'none';
			largeContainer.style.display = 'block';
			largeContainer.src = large_image_file_name;
			
			resizePopup('largeImageBOX', eval(imgPreload.width+20), eval(imgPreload.height+70));
			getMyHTMLElement('largeImageCONTENT').style.height = eval(imgPreload.height+20) + 'px';
			//getMyHTMLElement('holder_CRUMB').innerHTML = getMyHTMLElement('largeImageBOX').style.height + ' , ' + getMyHTMLElement('largeImageBOX').style.top;
			clearTimeout(mytimeout);
			
		}
		else {
			mytimeout = setTimeout("setImage()", 100);
		}				
}

function loadImage() {
	mytimeout = setTimeout("setImage()", 100);
}

function resetLarge() {

	largeContainer = getMyHTMLElement('largeIMAGE');
	largeContainer.style.display = 'none';
	
	loadingImg = getMyHTMLElement('loadingImageBOX');
	loadingImg.style.display = 'block';
	getMyHTMLElement('largeImageCONTENT').style.height = 'auto';
}

function showLargeImage(){

	resetLarge();
	
	if (large_image_file_name != '')
			{    	
				
							
				showPopupSized('largeImageBOX', '300', '200');						
				imgPreload = new Image();									
				imgPreload.onload = new loadImage();						
							
			}
}