function popup(url, target, height, width) 
{
	var features = 'menubar=no,toolbar=no,location=no,directories=no,resizable=no,scrollbars=yes,status=no,titlebar=yes,height=' + height+ ',width=' + width;
	window.open(url, target, features);
}

var liveReq = false;

function toggle( targetId ){
  if (document.getElementById){
        target = document.getElementById( targetId );
           if (target.style.display == "none"){
               target.style.display = "";
           } else {
              target.style.display = "none";
           }
     }
}

function doToggle2(toggleMe, toggleMeToo)
{
	if(document.getElementById(toggleMe).style.display == 'block')
	{
		document.getElementById(toggleMe).style.display = 'none'
		document.getElementById(toggleMeToo).style.display = 'none'
	}
	else
	{
		document.getElementById(toggleMe).style.display = 'block'
		document.getElementById(toggleMeToo).style.display = 'block'
	}
}

function doToggle(toggleMe)
{
	if(document.getElementById(toggleMe).style.display == 'block')
	{
		document.getElementById(toggleMe).style.display = 'none'
	}
	else
	{
		document.getElementById(toggleMe).style.display = 'block'
	}
}

/* 
 * setStyle() and showPrices() are for the 'Generating prices' delay on dynamic requoting
 */
function setStyle(){
	document.getElementById('processingDiv').style.display = 'none';
	document.getElementById('pricesDiv').style.display = 'block';
}

function showPrices() {
  document.getElementById('pricesDiv').style.display = 'none';
  document.getElementById('processingDiv').style.display = 'block';
  var timerr;
  timerr = setTimeout(setStyle, 1000);
}

/* Simple AJAX Code-Kit (SACK) */
/* ?2005 Gregory Wild-Smith */
/* www.twilightuniverse.com */
/* Software licenced under a modified X11 licence, see documentation or authors website for more details */

function sack(file){
	this.AjaxFailedAlert = "Your browser does not support the enhanced functionality of this website, and therefore you will have an experience that differs from the intended one.\n";
	this.requestFile = file;
	this.method = "POST";
	this.URLString = "";
	this.encodeURIString = true;
	this.execute = false;

	this.onLoading = function() { };
	this.onLoaded = function() { };
	this.onInteractive = function() { };
	this.onCompletion = function() { };

	this.createAJAX = function() {
		try {
			this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (err) {
				this.xmlhttp = null;
			}
		}
		if(!this.xmlhttp && typeof XMLHttpRequest != "undefined")
			this.xmlhttp = new XMLHttpRequest();
		if (!this.xmlhttp){
			this.failed = true; 
		}
	};
	
	this.setVar = function(name, value){
		if (this.URLString.length < 3){
			this.URLString = name + "=" + value;
		} else {
			this.URLString += "&" + name + "=" + value;
		}
	}
	
	this.encVar = function(name, value){
		var varString = encodeURIComponent(name) + "=" + encodeURIComponent(value);
	return varString;
	}
	
	this.encodeURLString = function(string){
		varArray = string.split('&');
		for (i = 0; i < varArray.length; i++){
			urlVars = varArray[i].split('=');
			if (urlVars[0].indexOf('amp;') != -1){
				urlVars[0] = urlVars[0].substring(4);
			}
			varArray[i] = this.encVar(urlVars[0],urlVars[1]);
		}
	return varArray.join('&');
	}
	
	this.runResponse = function(){
		eval(this.response);
	}
	
	this.runAJAX = function(urlstring){
		this.responseStatus = new Array(2);
		if(this.failed && this.AjaxFailedAlert){ 
			alert(this.AjaxFailedAlert); 
		} else {
			if (urlstring){ 
				if (this.URLString.length){
					this.URLString = this.URLString + "&" + urlstring; 
				} else {
					this.URLString = urlstring; 
				}
			}
			if (this.encodeURIString){
				var timeval = new Date().getTime(); 
				this.URLString = this.encodeURLString(this.URLString);
				this.setVar("rndval", timeval);
			}
			if (this.element) { this.elementObj = document.getElementById(this.element); }
			if (this.xmlhttp) {
				var self = this;
				if (this.method == "GET") {
					var totalurlstring = this.requestFile + "?" + this.URLString;
					this.xmlhttp.open(this.method, totalurlstring, true);
				} else {
					this.xmlhttp.open(this.method, this.requestFile, true);
				}
				if (this.method == "POST"){
  					try {
						this.xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded')  
					} catch (e) {}
				}

				this.xmlhttp.send(this.URLString);
				this.xmlhttp.onreadystatechange = function() {
					switch (self.xmlhttp.readyState){
						case 1:
							self.onLoading();
						break;
						case 2:
							self.onLoaded();
						break;
						case 3:
							self.onInteractive();
						break;
						case 4:
							self.response = self.xmlhttp.responseText;
							self.responseXML = self.xmlhttp.responseXML;
							self.responseStatus[0] = self.xmlhttp.status;
							self.responseStatus[1] = self.xmlhttp.statusText;http:
							self.onCompletion();
							if(self.execute){ self.runResponse(); }
							if (self.elementObj) {
								var elemNodeName = self.elementObj.nodeName;
								elemNodeName.toLowerCase();
								if (elemNodeName == "input" || elemNodeName == "select" || elemNodeName == "option" || elemNodeName == "textarea"){
									self.elementObj.value = self.response;
								} else {
									self.elementObj.innerHTML = self.response;
								}
							}
							self.URLString = "";
						break;
					}
				};
			}
		}
	};
	this.createAJAX();
}

function setStyleByClass(t,c,p,v){
	var elements;
	
	elements = document.getElementsByTagName(t);

	for(var i = 0; i < elements.length; i++){
		var node = elements.item(i);
		for(var j = 0; j < node.attributes.length; j++) {
			if(node.attributes.item(j).nodeName == 'class') {
				if(node.attributes.item(j).nodeValue == c) {
					eval('node.style.' + p + " = '" +v + "'");
				}
			}
		}
	}
}

var i=0
var hex=255
var hexR=255
var hexG=255
var hexB=255
var h1hexR = 72
var h1hexG = 124
var h1hexB = 168

function resetColours()
{
	hexR=255
	hexG=255
	hexB=255
	i=0
	document.getElementById('helpDiv').style.color = "rgb(255,255,255)"
	setStyleByClass("h1", "helpH1", "color", "rgb(255,255,255)")
}

function starttimer()
{
	if (document.getElementById('helpDiv').style.color == "rgb(0,0,0)")
	{ 
		stoptimer() 
	  return
	} else {
		document.getElementById('helpDiv').style.color = "rgb("+(hex-(i*3))+","+(hex-(i*3))+","+(hex-(i*3))+")";
		//alert(document.getElementById('helpDiv').style.color);
		if (document.getElementById('helpH1').style.color != "rgb(72,124,168)") {
			hexR=hexR-(i)
			hexG=hexG-(i)
			hexB=hexB-(i)
			if (hexR<=h1hexR){
				hexR=h1hexR}
			if (hexG<=h1hexG){
				hexG=h1hexG}
			if (hexB<=h1hexB){
				hexB=h1hexB}
			setStyleByClass("h1", "helpH1", "color", "rgb("+hexR+","+hexG+","+hexB+")")
		}
		i++
	}
	timer=setTimeout("starttimer()",10)
}

function stoptimer()
{
	clearTimeout(timer)
}

function toggleHelp() {
	resetColours()
	document.getElementById('helpDiv').style.display="block"
	starttimer()
}


/*
 *Javascript to call all the Ajax stuff
 */

var callback = new sack();
var clickedArticle = false;
var helpBase = "/store/getHelp.do?helpId="
var helpArea = "&helpArea="
var contentObj	// Reference to article content <div>

function showContent()	// Displaying content in the content <div>
{
	contentObj.innerHTML = callback.response;	// callback.response is a variable that contains the content of the external file	
	toggleHelp();
}

function showWaitMessage()
{
	contentObj.innerHTML = 'Finding help.....<br>Please wait';
}
function getAjaxFile(fileName)
{
	callback.requestFile = fileName;	// Specifying which file to get
	callback.onCompletion = showContent;	// Specify function that will be executed after file has been found
	callback.onLoading = showWaitMessage;	// Action when AJAX is loading the file
	callback.runAJAX();		// Execute AJAX function	
}

function selectArticle()	// User have clicked on an article
{
	getAjaxFile(this.id + '.html');
	this.className='articleClick';
}

function getHelp(helpString, container) // user request for helpS
{
	//toggleHelp();
	contentObj = document.getElementById(container);
	getAjaxFile(helpBase + helpString + helpArea + "basic");
	document.getElementById('helpDiv').style.display="block";
}

function getHelpPrices(helpString, container) // user request for helpS
{
	//toggleHelp();
	contentObj = document.getElementById(container);
	getAjaxFile(helpBase + helpString + helpArea + "prices");
	document.getElementById('helpDiv').style.display="block";
	document.getElementById('prices').style.display="none";
}

function closeHelp(id)
{
	document.getElementById('helpDiv').style.display="none";
	document.getElementById(id).style.display="block";
}


/* Single Form submission */
var clicked=false;
function LockButton() 
{
    if (!clicked) 
	{
      clicked=true;
      return true;
    }

    return false;
}


/* CV Specific - page two toggle of vehicle models */
var currentId = "";
function toggleMakes(makeToHide) {
  var newId = document.getElementById("carMakeSelect").value;
  if (makeToHide != "" && makeToHide != "0") {
	  document.getElementById(makeToHide).style.display='none';
	  document.getElementById(makeToHide+"select").name='abiCodeHidden';
  }
  if (document.getElementById("carMakeSelect").value != "0") {
	  if (currentId != "") {
  		document.getElementById(currentId).style.display='none';
	  	document.getElementById(currentId+"select").name='abiCodeHidden';
  	  }
	  document.getElementById(newId).style.display='block';
	  document.getElementById(newId+"select").name='abiCode';
	  currentId=newId;
  } else {
  	if (currentId != "") {
  		document.getElementById(currentId).style.display='none';
	  	document.getElementById(currentId+"select").name='abiCodeHidden';
  	  }
  }
}

/* for the FAQ knowledge base */
function loadAnswer(index, size) {
		// first hide all answer divs
		for(var cnt = 0; cnt < size; cnt++)
		document.getElementById("answer" + cnt).style.display='none';
		// then bring back the one we want
		document.getElementById("answer" + index).style.display='block';
}

function showCustom(eleSel, eleShow) {
		if(eleSel=='sectionselection')
		if(document.getElementById(eleSel).value=='new')
		{
			document.getElementById(eleShow).style.display='block';
			document.getElementById('subsectionBox').style.display='block';
			document.getElementById('subsectionselection').style.display='none';
			}
		else
		{
			document.getElementById(eleShow).style.display='none';
			document.getElementById('subsectionBox').style.display='none';
			document.getElementById('subsectionselection').style.display='block';	
		}
				
		if(eleSel=='subsectionselection')
			if(document.getElementById(eleSel).value=='new')
				document.getElementById(eleShow).style.display='block';
			else
				document.getElementById(eleShow).style.display='none';	
				
}
	
function activate(elem) {
	document.getElementById(elem).disabled = false;
}

var currentSection = "16";
function showSubsections() {	
	document.getElementById(currentSection).style.display = 'none';
	var section = document.getElementById('FAQSection').value;

	document.getElementById(section).style.display = 'block';
	document.getElementById('selectTextBox').value = section;
	
	currentSection = section;
}

function reshowSubsections() {	
	var section = document.getElementById('FAQSection').value;

	document.getElementById(section).style.display = 'block';
	document.getElementById('selectTextBox').value = section;
	
	currentSection = section;
}

function doSubsection(eleDrop) {	
	var selection = document.getElementById(eleDrop).value;

	document.getElementById('selectTextBox').value = selection;
}