﻿//Event.observe(window, 'load', pageload);

function pageload() {
    document.getElementById('leftcol').style.display = "none";
    document.getElementById('leftcol').style.display = "block";
    //force ie6 to display
}

function wishremove(product) {
    document.getElementById(product).checked = true;
    document.wishlist.submit();
}

function bskremove(product)
{
    //$(product).checked == true;
    document.getElementById(product).checked = true;
    document.basket.submit();
}

function showBox(str) {
    b = document.getElementById("address5c");

    if (str == "NY") {
        b.style.display = "block";
    }
    else {
        b.style.display = "none";
    }
}

function showState(str) {
    b = document.getElementById("address4ac");
    c = document.getElementById("address4bc");

    if (str == "US") {
        b.style.display = "none";
        c.style.display = "block";
        showBox(document.getElementById('address4b').value);
    }
    else {
        b.style.display = "block";
        c.style.display = "none";
        showBox(null);
    }
}

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 openZoom(image,name) 
{
    var newWindow = window.open('','','scrollbars=yes,menubar=no,height=500,width=500,resizable=yes,toolbar=no,location=no,status=no');
    //newWindow.document.write("<html><head><title>"+name+" Large Image</title></head><body><div align='center'><img src='../aspecto/resize.asp?image=/aspecto/store/stock/"+image+"&dim=1000'></div></body></html>");
    newWindow.document.write("<html><head><title>"+name+" Large Image</title></head><body><div align='center'><img src='/us/resize.asp?image=/us/store/stock/"+image+"&dim=450'></div></body></html>");
    newWindow.document.close;
}

function navigate(where)
{
	var intndx;
	var strlink;

	if (where == "brand")
	{
		intndx = document.mainform.brand.selectedIndex;
    	strlink = document.mainform.brand.options[intndx].value;					
    }
	else if (where == "type")
	{
		intndx = document.typeform.type.selectedIndex;
		strlink = document.typeform.type.options[intndx].value;
	}

	if (strlink.length > 0 && strlink != "") 
	{
	    top.location.href = strlink; 
	}

}

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 = '#5F3710';
    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 = false;
        submit_error.style.display = "block";
    } else {
        submit_save.disabled = true;
        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;
}
