function _el(elementId) {
    return document.getElementById(elementId);
}


mbuttons = new Object;
mbuttons.camping = new Image; mbuttons.camping.src = "/gfx/camping.jpg";
mbuttons.camping1 = new Image; mbuttons.camping1.src = "/gfx/camping1.jpg";
mbuttons.walking = new Image; mbuttons.walking.src = "/gfx/walking.jpg";
mbuttons.walking1 = new Image; mbuttons.walking1.src = "/gfx/walking1.jpg";
mbuttons.travel = new Image; mbuttons.travel.src = "/gfx/travel.jpg";
mbuttons.travel1 = new Image; mbuttons.travel1.src = "/gfx/travel1.jpg";
mbuttons.military = new Image; mbuttons.military.src = "/gfx/military.jpg";
mbuttons.military1 = new Image; mbuttons.military1.src = "/gfx/military1.jpg";
mbuttons.skiing = new Image; mbuttons.skiing.src = "/gfx/skiing.jpg";
mbuttons.skiing1 = new Image; mbuttons.skiing1.src = "/gfx/skiing1.jpg";
mbuttons.running = new Image; mbuttons.running.src = "/gfx/running.jpg";
mbuttons.running1 = new Image; mbuttons.running1.src = "/gfx/running1.jpg";
mbuttons.training = new Image; mbuttons.training.src = "/gfx/training.jpg";
mbuttons.training1 = new Image; mbuttons.training1.src = "/gfx/training1.jpg";
mbuttons.climbing = new Image; mbuttons.climbing.src = "/gfx/climbing.jpg";
mbuttons.climbing1 = new Image; mbuttons.climbing1.src = "/gfx/climbing1.jpg";
mbuttons.watersports = new Image; mbuttons.watersports.src = "/gfx/watersports.jpg";
mbuttons.watersports1 = new Image; mbuttons.watersports1.src = "/gfx/watersports1.jpg";
mbuttons.marine = new Image; mbuttons.marine.src = "/gfx/marine.jpg";
mbuttons.marine1 = new Image; mbuttons.marine1.src = "/gfx/marine1.jpg";
mbuttons.more = new Image; mbuttons.more.src = "/gfx/more.jpg";
mbuttons.more1 = new Image; mbuttons.more1.src = "/gfx/more1.jpg";
mbuttons.safety = new Image; mbuttons.safety.src = "/gfx/nsafety.jpg";
mbuttons.safety1 = new Image; mbuttons.safety1.src = "/gfx/nsafety1.jpg";

mbuttons.clothing = new Image; mbuttons.clothing.src = "/gfx/nclothing.jpg";
mbuttons.clothing1 = new Image; mbuttons.clothing1.src = "/gfx/nclothing1.jpg";
mbuttons.watches = new Image; mbuttons.watches.src = "/gfx/nwatches.jpg";
mbuttons.watches1 = new Image; mbuttons.watches1.src = "/gfx/nwatches1.jpg";
mbuttons.sunglasses = new Image; mbuttons.sunglasses.src = "/gfx/nsunglasses.jpg";
mbuttons.sunglasses1 = new Image; mbuttons.sunglasses1.src = "/gfx/nsunglasses1.jpg";
mbuttons.books = new Image; mbuttons.books.src = "/gfx/nbooks.jpg";
mbuttons.books1 = new Image; mbuttons.books1.src = "/gfx/nbooks1.jpg";
mbuttons.electronics = new Image; mbuttons.electronics.src = "/gfx/nelectronics.jpg";
mbuttons.electronics1 = new Image; mbuttons.electronics1.src = "/gfx/nelectronics1.jpg";
mbuttons.bags = new Image; mbuttons.bags.src = "/gfx/bags.jpg";
mbuttons.bags1 = new Image; mbuttons.bags1.src = "/gfx/bags1.jpg";
mbuttons.firstaid = new Image; mbuttons.firstaid.src = "/gfx/nfirstaid.jpg";
mbuttons.firstaid1 = new Image; mbuttons.firstaid1.src = "/gfx/nfirstaid1.jpg";
mbuttons.torches = new Image; mbuttons.torches.src = "/gfx/ntorches.jpg";
mbuttons.torches1 = new Image; mbuttons.torches1.src = "/gfx/ntorches1.jpg";
mbuttons.knives = new Image; mbuttons.knives.src = "/gfx/knives.jpg";
mbuttons.knives1 = new Image; mbuttons.knives1.src = "/gfx/knives1.jpg";
mbuttons.binoculars = new Image; mbuttons.binoculars.src = "/gfx/binoculars.jpg";
mbuttons.binoculars1 = new Image; mbuttons.binoculars1.src = "/gfx/binoculars1.jpg";
mbuttons.clearance = new Image; mbuttons.clearance.src = "/gfx/clearance.jpg";
mbuttons.clearance1 = new Image; mbuttons.clearance1.src = "/gfx/clearance1.jpg";
mbuttons.gifts = new Image; mbuttons.gifts.src = "/gfx/gifts.jpg";
mbuttons.gifts1 = new Image; mbuttons.gifts1.src = "/gfx/gifts1.jpg";

mbuttons.brands = new Image; mbuttons.brands.src = "/gfx/brands.jpg";
mbuttons.brands1 = new Image; mbuttons.brands1.src = "/gfx/brands1.jpg";

arrows = new Object;
arrows.left1 = new Image; arrows.left1.src = "/gfx/product/OGB_ENG_arrow_left1.jpg";
arrows.left2 = new Image; arrows.left2.src = "/gfx/product/OGB_ENG_arrow_left2.jpg";
arrows.right1 = new Image; arrows.right1.src = "/gfx/product/OGB_ENG_arrow_right1.jpg";
arrows.right2 = new Image; arrows.right2.src = "/gfx/product/OGB_ENG_arrow_right2.jpg";

function Hide(tohide) {
    _el(tohide).style.display = "none";       
}

function Show(toshow) {
    _el(toshow).style.display = "";
}

function ToHideShow(tohide) {
    if (_el(tohide).style.display == "") {
        _el(tohide).style.display = "none";
    }
    else {
    	_el(tohide).style.display = "";
    }
}

function HighlightMenuBar(tohighlight) {
    if (mbuttons[tohighlight + "1"]){
	    document.images[tohighlight + "btn"].src= mbuttons[tohighlight + "1"].src;
	}
}

function GrayOutMenuBar(tograyout) {
    if (mbuttons[tograyout]) {
	    document.images[tograyout + "btn"].src= mbuttons[tograyout].src;
	}
}

function showPic (whichpic, whichimg, picurl) {
 if (_el) {
	_el('placeholder').src = picurl + "tn.aspx?w=300&f=" + whichpic;
	_el('linkholder').href = picurl + whichpic;
	_el('linkholder1').href = picurl + whichpic;
	_el('ithumb1').style.border="1px solid #000000";
	_el('ithumb2').style.border="1px solid #000000";
	_el('ithumb' + whichimg).style.border="2px solid #3F7F00";
	return false;
 } 
 else {
  return true;
 }
}

function MapPopup(url) {
	window.open('http://www.xsgb.com/images/ChartImages/' + url + '.jpg', 'map','0,0,0,0,0,scrollbars=yes,resizable=yes,width=580,height=425,top=5,left=5');
}

function disableDelivery () {
 var dswitch = _el("CustomerDetails_deliverdiff");
 if (_el("DeliveryHide").style.display=='block') {
 
    _el("DeliveryHide").style.display='none';
    _el("SubmitHide").style.display='block';
    
    _el("CustomerDetails_Delivery_title1").value='';
    _el("CustomerDetails_Delivery_forename").value='';
    _el("CustomerDetails_Delivery_surname").value='';
    _el("CustomerDetails_Delivery_address1").value='';
    _el("CustomerDetails_Delivery_address2").value='';
    _el("CustomerDetails_Delivery_town").value='';
    _el("CustomerDetails_Delivery_county").value='';
    _el("CustomerDetails_Delivery_postcode").value='';
    _el("CustomerDetails_Delivery_country").value='';
    _el("CustomerDetails_Delivery_telephone").value='';  
    _el("CustomerDetails_Delivery_night_telephone").value='';

	return false;
 } 
 else {
 
    _el("DeliveryHide").style.display='block';
    _el("SubmitHide").style.display='none';
    
    if (_el("CustomerDetails_Delivery_forename").value == "") {
        _el("CustomerDetails_Delivery_title1").value = _el("CustomerDetails_title1").value;
        _el("CustomerDetails_Delivery_forename").value = _el("CustomerDetails_forename").value;
        _el("CustomerDetails_Delivery_surname").value = _el("CustomerDetails_surname").value;
        _el("CustomerDetails_Delivery_address1").value = _el("CustomerDetails_address1").value;
        _el("CustomerDetails_Delivery_address2").value = _el("CustomerDetails_address2").value;
        _el("CustomerDetails_Delivery_town").value = _el("CustomerDetails_town").value;
        _el("CustomerDetails_Delivery_county").value = _el("CustomerDetails_county").value;
        _el("CustomerDetails_Delivery_postcode").value = _el("CustomerDetails_postcode").value;
        _el("CustomerDetails_Delivery_country").value = _el("CustomerDetails_country").value;
        _el("CustomerDetails_Delivery_telephone").value = _el("CustomerDetails_telephone").value;
        _el("CustomerDetails_Delivery_night_telephone").value = _el("CustomerDetails_night_telephone").value;
    }
  return true;
 }
}

function disableDeliveryNew() {
 var dswitch = _el("deliverdiff");
 if (dswitch.checked==1) {
    
    _el("Delivery_title").value             = _el("title").value;
    _el("Delivery_forename").value          = _el("forename").value;
    _el("Delivery_surname").value           = _el("surname").value;
    _el("Delivery_address1").value          = _el("address1").value;
    _el("Delivery_address2").value          = _el("address2").value;
    _el("Delivery_town").value              = _el("town").value;
    _el("Delivery_county").value            = _el("county").value;
    _el("Delivery_postcode").value          = _el("postcode").value;
    _el("Delivery_country").value           = _el("country").value;
    _el("Delivery_telephone").value         = _el("telephone").value;
    _el("Delivery_night_telephone").value   = _el("night_telephone").value;
        
    _el("Delivery_title").disabled          ='';
    _el("Delivery_forename").disabled       ='';
    _el("Delivery_surname").disabled        ='';
    _el("Delivery_address1").disabled       ='';
    _el("Delivery_address2").disabled       ='';
    _el("Delivery_town").disabled           ='';
    _el("Delivery_county").disabled         ='';
    _el("Delivery_postcode").disabled       ='';
    _el("Delivery_country").disabled        ='';
    _el("Delivery_telephone").disabled      ='';  
    _el("Delivery_night_telephone").disabled='';
    
    CalcValues('Delivery_country');

	return true;
 } 
 else {
 
    _el("Delivery_title").value             = _el("title").value;
    _el("Delivery_forename").value          = _el("forename").value;
    _el("Delivery_surname").value           = _el("surname").value;
    _el("Delivery_address1").value          = _el("address1").value;
    _el("Delivery_address2").value          = _el("address2").value;
    _el("Delivery_town").value              = _el("town").value;
    _el("Delivery_county").value            = _el("county").value;
    _el("Delivery_postcode").value          = _el("postcode").value;
    _el("Delivery_country").value           = _el("country").value;
    _el("Delivery_telephone").value         = _el("telephone").value;
    _el("Delivery_night_telephone").value   = _el("night_telephone").value;
    
    _el("Delivery_title").disabled          ='disabled';
    _el("Delivery_forename").disabled       ='disabled';
    _el("Delivery_surname").disabled        ='disabled';
    _el("Delivery_address1").disabled       ='disabled';
    _el("Delivery_address2").disabled       ='disabled';
    _el("Delivery_town").disabled           ='disabled';
    _el("Delivery_county").disabled         ='disabled';
    _el("Delivery_postcode").disabled       ='disabled';
    _el("Delivery_country").disabled        ='disabled';
    _el("Delivery_telephone").disabled      ='disabled';  
    _el("Delivery_night_telephone").disabled='disabled';   
    
     CalcValues('country');
        
    return true;
 }
}

var upload_number = 2;
function addInput() {
 	var d = document.createElement("div");
 	var file = document.createElement("input");
 	file.setAttribute("type", "text");
 	file.setAttribute("size", "30");
 	file.setAttribute("maxlength", "255");
 	file.setAttribute("name", "attachment"+upload_number);
 	d.appendChild(file);
 	_el("Attachments").appendChild(d);
 	
 	_el("AttachmentsCount").value = upload_number;
 	upload_number++;
}

function goToURL(url) { 
    window.location = url; 
}

var g_PopupIFrame;
function IsIE(version) {
    return ((BrowserDetect.browser == "Explorer") && (BrowserDetect.version < version));
}

function IsAnyIE() {
    return (BrowserDetect.browser == "Explorer");
}

function showSubMenu(divId, imgId) {
    if(_currentOpenedComboDiv != null)
    {
        _currentOpenedComboDiv.style.visibility="hidden";
        _currentOpenedComboDiv = null;
     }

  var divElement = _el(divId);
  var imgElement = _el(imgId);
  var e = imgElement;
  var position = {x:0,y:0};
  var maxRight = 800;
  while (e)
  {
      position.x += e.offsetLeft;
      position.y += e.offsetTop;
      e = e.offsetParent;
  }
  
  if (document.body)
  {
    maxRight = document.body.clientWidth;
  }

  if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft))
  {
      position.x -= document.documentElement.scrollLeft;
      //position.y -= document.documentElement.scrollTop;
  }
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft))
  {
      position.x -= document.body.scrollLeft;
      //position.y -= document.body.scrollTop;
  }
  else if (window.pageXOffset || window.pageYOffset)
  {
      position.x -= window.pageXOffset;
      //position.y -= window.pageYOffset;
  }
    
  if ((position.x + divElement.offsetWidth) > maxRight)
  {
    position.x = position.x - divElement.offsetWidth + imgElement.offsetWidth;
  }
  divElement.style.top =  position.y + imgElement.offsetHeight + 'px';
  divElement.style.left = position.x + 'px';
  divElement.style.display = "";

  if (IsIE(7))
  {
    //Increase default zIndex of div by 1, so that DIV appears before IFrame
    divElement.style.zIndex=divElement.style.zIndex+1;

    var iFrame = document.createElement("IFRAME");
    iFrame.setAttribute("src", "/Blank.htm");

    //Match IFrame position with divPopup
    iFrame.style.position="absolute";
    iFrame.style.left =divElement.offsetLeft + 'px';
    iFrame.style.top =divElement.offsetTop + 'px';
    iFrame.style.width =divElement.offsetWidth + 'px';
    iFrame.style.height =divElement.offsetHeight + 'px';

    document.body.appendChild(iFrame);

    //Store iFrame in global variable, so it can get removed when divPopup is hidden 
    g_PopupIFrame=iFrame;
  }
}

function showBrandMenu(divId, imgId)
{
    if(_currentOpenedComboDiv != null)
    {
        _currentOpenedComboDiv.style.visibility="hidden";
        _currentOpenedComboDiv = null;
     }

  var divElement = _el(divId);
  var imgElement = _el(imgId);
  var e = imgElement;
  var position = {x:0,y:0};
  var maxRight = 800;
  while (e)
  {
      position.x += e.offsetLeft;
      position.y += e.offsetTop;
      e = e.offsetParent;
  }
  
  if (document.body)
  {
    maxRight = document.body.clientWidth;
  }

  if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft))
  {
      position.x -= document.documentElement.scrollLeft;
      //position.y -= document.documentElement.scrollTop;
  }
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft))
  {
      position.x -= document.body.scrollLeft;
      //position.y -= document.body.scrollTop;
  }
  else if (window.pageXOffset || window.pageYOffset)
  {
      position.x -= window.pageXOffset;
      //position.y -= window.pageYOffset;
  }
    
  divElement.style.top =  "0px";
  divElement.style.left = "0px";
  divElement.style.display = "";
  divElement.style.top =  position.y + imgElement.offsetHeight + 'px';
  divElement.style.left = position.x - divElement.offsetWidth + imgElement.offsetWidth + 'px';
  

  if (IsIE(7))
  {
    //Increase default zIndex of div by 1, so that DIV appears before IFrame
    divElement.style.zIndex=divElement.style.zIndex+1;

    var iFrame = document.createElement("IFRAME");
    iFrame.setAttribute("src", "/Blank.htm");

    //Match IFrame position with divPopup
    iFrame.style.position="absolute";
    iFrame.style.left =divElement.offsetLeft + 'px';
    iFrame.style.top =divElement.offsetTop + 'px';
    iFrame.style.width =divElement.offsetWidth + 'px';
    iFrame.style.height =divElement.offsetHeight + 'px';

    document.body.appendChild(iFrame);

    //Store iFrame in global variable, so it can get removed when divPopup is hidden 
    g_PopupIFrame=iFrame;
  }
}

function hideSubMenu(divId)
{
    _el(divId).style.display = "none";
    if (IsIE(7))
    {
        document.body.removeChild(g_PopupIFrame);
        g_PopupIFrame=null;
    }
}

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();            




function findPosX(obj) {
    var curleft = 0;
    if (obj.offsetParent) {
        while (1) {
            curleft+=obj.offsetLeft;
            if (!obj.offsetParent) {
                break;
            }
            obj=obj.offsetParent;
        }
    } else if (obj.x) {
        curleft+=obj.x;
    }
    return curleft;
}

function findPosY(obj) {
    var curtop = 0;
    if (obj.offsetParent) {
        while (1) {
            curtop+=obj.offsetTop;
            if (!obj.offsetParent) {
                break;
            }
            obj=obj.offsetParent;
        }
    } else if (obj.y) {
        curtop+=obj.y;
    }
    return curtop;
}


function lightup(imageobject, opacity){
    if ((BrowserDetect.browser == "Mozilla") ||(BrowserDetect.browser == "Firefox")
        || (BrowserDetect.browser == "Netscape"))
        imageobject.style.MozOpacity=opacity/100
    else if (BrowserDetect.browser == "Explorer")
        imageobject.filters.alpha.opacity=opacity
    else if ((BrowserDetect.browser == "Safari") || (BrowserDetect.browser == "Chrome") 
        || (BrowserDetect.browser == "Konqueror") || (BrowserDetect.browser == "Opera"))
        imageobject.style.opacity=opacity/100
}

function openNewWindowModal(url, windowName)
{
    if (window.showModalDialog) 
    {
        window.showModalDialog(url,windowName,"dialogWidth:650px;dialogHeight:420px;resizable:yes;");
    } 
    else 
    {
        window.open(url,windowName,"height=420,width=650,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes ,modal=yes");
    }  
}

function focusSearch()
{
    var _voucherElemnt = _el('searchstr');
    if (_voucherElemnt) 
    {
      if (_voucherElemnt.value == 'Search site')
      {
        _voucherElemnt.value = '';
      }
      _voucherElemnt.style.color = '#000';
    }
}
function setupSearch()
{
    var _voucherElemnt = _el('searchstr');

    if (_voucherElemnt) 
    {
      if (_voucherElemnt.value == '')
      {
        _voucherElemnt.value = 'Search site';
        _voucherElemnt.style.color = '#ccc';
      }
      else
      {
        _voucherElemnt.style.color = '#000';
      }
    }
}