/**
 *  Most of the scripts below were found at
 *  www.alistapart.com and related sites.  They are used
 *  here because they are web standards compliant.  These
 *  scripts are all free to reuse and are not licensed as
 *  part of the Kryptronic Hybrid X Core (KHXC).
 *
 *  All onload() events go at the bottom of this file.
 */

/**
 *  Function DisableSubmit() used to disable submit buttons
 *  after then have been depressed.  This is implemented to
 *  stop multiple click submissions of forms.
 */

var gftWrpRef = getQueryVariable("ref");

var submitted = false;

function DisableSubmit(formname) {

     if(submitted == true) { return; }
     document.forms[formname].submit();
     document.forms[formname].SUBMIT.value = 'Please Wait...';
     document.forms[formname].SUBMIT.disabled = true;
     submitted = true;

}

/**
 *  Function externalLinks() used to provide a standards
 *  compliant way of producing a pop-up link to another
 *  page.
 */

function externalLinks() {

     if (!document.getElementsByTagName) return;
     var anchors = document.getElementsByTagName("a");
     for (var i=0; i<anchors.length; i++) {
     var anchor = anchors[i];
     if (anchor.getAttribute("href") &&
     anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
     }

}

/**
 *  Function to add multiple onload() events to a page. 
 *  Authored by Scott Andrew.  Visit www.scottandrew.com
 *  for info.
 */

function addEvent(elm, evType, fn, useCapture) {

     if (elm.addEventListener) {
     elm.addEventListener(evType, fn, useCapture);
     return true;
     } else if (elm.attachEvent) {
     var r = elm.attachEvent('on' + evType, fn);
     return r;
     } else {
     elm['on' + evType] = fn;
     }

}

/**
 *	Whatever:hover - V1.42.060206 - hover & active
 *	------------------------------------------------------------
 *	(c) 2005 - Peter Nederlof
 *	Peterned - http://www.xs4all.nl/~peterned/
 *	License  - http://creativecommons.org/licenses/LGPL/2.1/
 *
 *	Whatever:hover is free software; you can redistribute it and/or
 *	modify it under the terms of the GNU Lesser General Public
 *	License as published by the Free Software Foundation; either
 *	version 2.1 of the License, or (at your option) any later version.
 *
 *	Whatever:hover is distributed in the hope that it will be useful,
 *	but WITHOUT ANY WARRANTY; without even the implied warranty of
 *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 *	Lesser General Public License for more details.
 *
 *	Credits and thanks to:
 *	Arnoud Berendsen, Martin Reurings, Robert Hanson
 *
 *	howto: body { behavior:url("csshover.htc"); }
 *	------------------------------------------------------------
 */

var csshoverReg = /(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active)/i,

currentSheet, doc = window.document, hoverEvents = [], activators = {
onhover:{on:'onmouseover', off:'onmouseout'},
onactive:{on:'onmousedown', off:'onmouseup'}
}

function parseStylesheets() {

     if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
     window.attachEvent('onunload', unhookHoverEvents);
     var sheets = doc.styleSheets, l = sheets.length;
     for(var i=0; i<l; i++) 
     parseStylesheet(sheets[i]);

}

function parseStylesheet(sheet) {

     if(sheet.imports) {
     try {
     var imports = sheet.imports, l = imports.length;
     for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
     } catch(securityException){}
     }
     try {
     var rules = (currentSheet = sheet).rules, l = rules.length;
     for(var j=0; j<l; j++) parseCSSRule(rules[j]);
     } catch(securityException){}

}

function parseCSSRule(rule) {

     var select = rule.selectorText, style = rule.style.cssText;
     if(!csshoverReg.test(select) || !style) return;
     var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
     var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
     var className = (/\.([a-z0-9_-]*on(hover|active))/i).exec(newSelect)[1];
     var affected = select.replace(/:(hover|active).*$/, '');
     var elements = getElementsBySelect(affected);
     if(elements.length == 0) return;
     currentSheet.addRule(newSelect, style);
     for(var i=0; i<elements.length; i++)
     new HoverElement(elements[i], className, activators[pseudo]);

}

function HoverElement(node, className, events) {

     if(!node.hovers) node.hovers = {};
     if(node.hovers[className]) return;
     node.hovers[className] = true;
     hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
     hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });

}

function hookHoverEvent(node, type, handler) {

     node.attachEvent(type, handler);
     hoverEvents[hoverEvents.length] = { 
     node:node, type:type, handler:handler 
     };

}

function unhookHoverEvents() {

     for(var e,i=0; i<hoverEvents.length; i++) {
     e = hoverEvents[i]; 
     e.node.detachEvent(e.type, e.handler);
     }
}

function getElementsBySelect(rule) {

     var parts, nodes = [doc];
     parts = rule.split(' ');
     for(var i=0; i<parts.length; i++) {
     nodes = getSelectedNodes(parts[i], nodes);
     }
     return nodes;

}

function getSelectedNodes(select, elements) {

     var result, node, nodes = [];
     var identify = (/\#([a-z0-9_-]+)/i).exec(select);
     if(identify) {
     var element = doc.getElementById(identify[1]);
     return element? [element]:nodes;
     }
     var classname = (/\.([a-z0-9_-]+)/i).exec(select);
     var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
     var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
     for(var i=0; i<elements.length; i++) {
     result = tagName? elements[i].all.tags(tagName):elements[i].all; 
     for(var j=0; j<result.length; j++) {
     node = result[j];
     if(classReg && !classReg.test(node.className)) continue;
     nodes[nodes.length] = node;
     }
     }	
     return nodes;

}

/**
* Add onChange attribute to gift wrap selector and gift card number if they exist
*/
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
} 

/**
* declare vars for global use 
*/


/**
* end var declarations
*/

function finder()
{
var gftwrpElement = document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select");
var gftwrpElement2 = document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select_2");
var gftwrpElement3 = document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select_3");

if (gftwrpElement != null) {
document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select").setAttribute("onChange","changePicture()");
	}
if (gftwrpElement2 != null) {
document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select_2").setAttribute("onChange","changePicture()");
	}
if (gftwrpElement3 != null) {
document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select_3").setAttribute("onChange","changePicture()");
	}
var gcnElement = document.getElementById("gbu0--prodaddtocart--recharge_gft--rchg_no");

if (gcnElement != null) {
document.getElementById("gbu0--prodaddtocart--recharge_gft--rchg_no").setAttribute("onblur","preCheckValue(this, true,'')");	
		}
}


/**
* Check browser supports DOM and start script
*/
if(document.getElementById && document.createTextNode)
{
	window.onload=function() { finder(); balance(); };
}

/**
*  Function to show preview image when drop down selected
*/

function changePicture()
{
var gftwrpElement = document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select");
var gftwrpElement2 = document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select_2");
var gftwrpElement3 = document.getElementById("gbu0--prodaddtocart--" + gftWrpRef + "--gft_wrap_select_3");
var gftPic = document.getElementById("gftPic");

if(gftwrpElement != null) {
gftPic.src = "media/gift_img/" + gftwrpElement.value + ".jpg";
}else if(gftwrpElement2 != null) {
gftPic.src = "media/gift_img/" + gftwrpElement2.value + ".jpg";
}else if(gftwrpElement3 != null) {
gftPic.src = "media/gift_img/" + gftwrpElement3.value + ".jpg";
}
}

/**
* Form validation for gift card number
*/
            var currField = null;
        
            function checkValue(field, required, regFormat)
            {
                if (field.value.length != 16)
                {
                    field.value = "Must be 16 numbers.";
					field.style.backgroundColor = '#FF9F9F';
                    return false;
                }
				else
				{
				var checkOK = "0123456789";
				var checkStr = field.value;
				var allValid = true;
				
				for (i = 0;  i < checkStr.length;  i++)
				{
				ch = checkStr.charAt(i);
				for (j = 0;  j < checkOK.length;  j++)
				if (ch == checkOK.charAt(j))
				break;
				if (j == checkOK.length)
				{
				allValid = false;
				break;
				}
				}
				if (!allValid)
				{
					field.value = "Must be 16 numbers.";
					field.style.backgroundColor = '#EF3B3B';
				return (false);
				}
				}
				field.style.backgroundColor = '#FFFFFF';
                return true;

            }
        
            function preCheckValue(field, required, regFormat)
            {
                if ((currField != null) && (currField == field))
                {
                    if (!checkValue(field, required, regFormat))
                    {
                        field.focus();
                    }
                    else
                    {
                        currField = null;
                    }
                }
                else if (currField == null)
                {
                    currField = field;
        
                    preCheckValue(field, required, regFormat);
                }
            }

/**
*  Open gift card balance checker
*/
function balance()
{
document.getElementById("balanceCheck").setAttribute("onClick","openWindow()");
}

function openWindow(){
    window.open("https://www.asda-giftcard.com/balance/bc_start.php","bcwindow","width=765,height=400,resizable=no,location=no");
  }

/**
 *  Function to show or hide an id within an XHTML page.
 */

function idShowHide(obj) {

     var el = document.getElementById(obj);
     if ( el.style.display != "none" ) {
     el.style.display = 'none';
     } else {
     el.style.display = 'block';
     }
}

/**
 *  All onload() events here.
 */

addEvent(window,'load',externalLinks,false);

var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
if (IE6) {addEvent(window,'load',parseStylesheets,false);}

/**
 *  End.
 */