﻿// JScript File
function search_roll(useID, useID2){
    document.getElementById(useID).src='/images/icon_search_h.png';
    document.getElementById(useID2).style.background='url(/images/search_back_h.png) relative no-repeat right top';
    document.getElementById(useID2).style.color="#cccccc";}
function search_rollo(useID, useID2){
    document.getElementById(useID).src='/images/icon_search.png';
    document.getElementById(useID2).style.background='url(/images/search_back.png) relative no-repeat right top';
    document.getElementById(useID2).style.color="#666666";}
function search_rollt(useID2){document.getElementById(useID2).style.color="#cccccc";}   
function search_rollto(useID2){document.getElementById(useID2).style.color="#666666";}  
function bskremove(product)
{
    //$(product).checked == true;
    document.getElementById(product).checked=true
    document.basket.submit();
}

function clearDefault(el) 
{
  if (el.defaultValue==el.value) el.value = "";
}

function showOther(str)
{
    c = document.getElementById("title_other");
    if(str =="Other")
    {
        c.style.display="block";
    }
    else
    {
        c.style.display="none";
    }
}


function popimage(spc,colour)
{
    var newwindow;
    newwindow=window.open(spc+"/"+colour+"/imagezoom.html",'name123123awdawdawd123123','height=625,width=700,scrollbars=0,menubar=0,resizable=0,status=0');
	if (window.focus) {newwindow.focus()}
}

function showImage(pcode,pcol,img)
{
document.getElementById("zoom_over").style.display="none";
document.getElementById("mouseWindow").style.display="none";
document.getElementById("side_form").style.display="none";
document.getElementById("fullscreen_container").style.display="block";

var xmlHttp=null;

if (pcode.length==0)
  { 
  document.getElementById("fullscreen_container").innerHTML="";
  return;
  }
try
  {
  xmlHttp=new XMLHttpRequest();
  }
catch(e)
  {
  try
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  catch(e)
    {
    alert ("Your browser does not support XMLHTTP!");
    return;  
    }
  }
var url="fullscreen.asp";
url=url+"?pcode=" + pcode;
url=url+"&pcol=" + pcol;
url=url+"&img=" + img;
url=url+"&sid="+Math.random();
xmlHttp.open("GET",url,false);
xmlHttp.send(null);
document.getElementById("fullscreen_container").innerHTML=xmlHttp.responseText;
}

function hideImage()
{
document.getElementById("side_form").style.display="block";
document.getElementById("fullscreen_container").style.display="none";
document.getElementById("fullscreen_container").innerHTML="";
}

function Highlight(id)
{
    var storediv = document.getElementById('st-'+id)
	if(storediv) {
	    storediv.style.backgroundColor = '#e2d4ee';
	}
	var marker = document.getElementById('mark-'+id)
	if(marker) {
	    marker.src = '/storelocator/marker_on.png';
	}
}

function UnHighlight(id,num)
{
    var storediv = document.getElementById('st-'+id)
	if(storediv) {
	    storediv.style.backgroundColor = '#FFF';
	}
    var marker = document.getElementById('mark-'+id)
	if(marker) {
	    marker.src = '/storelocator/marker'+num+'.png';
	}
}

function submitcheck() {
    var first_name_label = document.getElementById("firstNameLabel");
    var last_name_label = document.getElementById("lastNameLabel");
    var card_type_label = document.getElementById("creditCardTypeLabel");
    var card_num_label = document.getElementById("creditCardNumberLabel");
    var valid_month_label = document.getElementById("stDateLabel");
    var exp_month_label = document.getElementById("expDateLabel");
    var cvv2_num_label = document.getElementById("cvv2NumberLabel");
    var issue_num_label = document.getElementById("issueNumberLabel");

    var first_name = document.getElementById("firstName").value;
    var last_name = document.getElementById("lastName").value;
    var card_type = document.getElementById("creditCardType").value;
    var card_num = document.getElementById("creditCardNumber").value;
    var valid_month = document.getElementById("stDateMonth").value;
    var valid_year = document.getElementById("stDateYear").value;
    var exp_month = document.getElementById("expDateMonth").value;
    var exp_year = document.getElementById("expDateYear").value;
    var cvv2_num = document.getElementById("cvv2Number").value;
    var issue_num = document.getElementById("issueNumber").value;

    var submit_save = document.getElementById("paymentSubmit");
    var submit_error = document.getElementById("payformerror");

    var error_colour = '#FF0000';
    var valid_colour = '#666666';
    var date_seper = '/';

    var err1 = 0;

    if (!first_name || first_name.count(' ') >= first_name.length) {
        first_name_label.style.color = error_colour;
        err1 = 1;
    } else {
        first_name_label.style.color = valid_colour;
    }

    if (!last_name || last_name.count(' ') >= last_name.length) {
        last_name_label.style.color = error_colour;
        err1 = 1;
    } else {
        last_name_label.style.color = valid_colour;
    }

    if (!card_type || card_type.count(' ') >= card_type.length) {
        card_type_label.style.color = error_colour;
        err1 = 1;
    } else {
        card_type_label.style.color = valid_colour;
    }

    if (!card_num || card_num.count(' ') >= card_num.length) {
        card_num_label.style.color = error_colour;
        err1 = 1;
    } else {
        card_num_label.style.color = valid_colour;
    }

    if (!exp_month || !exp_year) {
        exp_month_label.style.color = error_colour;
        err1 = 1;
    } else {
        exp_month_label.style.color = valid_colour;
    }

    if (!cvv2_num || cvv2_num.count(' ') >= cvv2_num.length) {
        cvv2_num_label.style.color = error_colour;
        err1 = 1;
    } else {
        cvv2_num_label.style.color = valid_colour;
    }


    if (err1 == 1) {
        //submit_save.disabled = true;
        submit_error.style.display = "block";
    } else {
        //submit_save.disabled = false;
        submit_error.style.display = "none";
        document.payform.submit();
    }

    return false;
}

String.prototype.count = function (s1) {
    return (this.length - this.replace(new RegExp(s1, "g"), '').length) / s1.length;
}
