﻿// JScript File
var previoussize
var previouscolour
var previousswatch
var pSize
pSize=''
var pColour
pColour=''

function sizeselect(size)
{
    pSize=size;
    document.getElementById(size).style.background = "url('/images/sizebuttonON.png')";
    document.getElementById(size).style.color = "#000000";
    document.getElementById('selectsize').innerHTML = "Choose Your Size: " + size;
    if(size!=previoussize)
    {
        if(previoussize!=null)
        {
            document.getElementById(previoussize).style.background = "url('/images/sizebutton.png')";
            document.getElementById(previoussize).style.color = "#000000";
        }
    }
    previoussize = size;
    //document.getElementById('sizeform').size.value = size;
    //document.getElementById('size_tab_con').innerHTML=previoussize;
}

function colourselect(colour,image,code,swatch) {
    pColour=colour;
    if(swatch=='swatch')
    {
    document.getElementById('colour'+colour).style.background = "url('/images/colourbuttonON.png') no-repeat center";
    document.getElementById('selectcolour').innerHTML = "Choose Your Colour: " + colour;
    if (colour != previouscolour) {
        if (previouscolour != null) {
            if(previousswatch=='swatch')
            {
                document.getElementById('colour'+previouscolour).style.background = "url('/images/colourbutton.png') no-repeat center";
            }
            else
            {
                document.getElementById(previouscolour).style.background = "url('/images/colourbuttonwide.png') no-repeat center";
            }
        }
        }
    }
    else
    {
    document.getElementById(colour).style.background = "url('/images/colourbuttonwideON.png') no-repeat center";
    document.getElementById('selectcolour').innerHTML = "Choose Your Colour: " + colour;
    if (colour != previouscolour) {
        if (previouscolour != null) {
            if(previousswatch=='swatch')
            {
                document.getElementById('colour'+previouscolour).style.background = "url('/images/colourbutton.png') no-repeat center";
            }
            else
            {
                document.getElementById(previouscolour).style.background = "url('/images/colourbuttonwide.png') no-repeat center";
            }
        }
        }
    }
    previouscolour = colour;
    previousswatch = swatch;
    //document.getElementById('sizeform').colour.value = colour;
    document.getElementById('reference1').src=image;
    document.getElementById('enlargelink').href="javascript:showImage('"+code+"','"+colour+"','0',0);";
    document.getElementById('friend_link').href="/index.asp?page=friend&pcode=" + code + "&pcol=" + colour;
    //document.getElementById('enlargelink').href="javascript:openNewWindow('" + link + "');";
    var x, y,z
    var arrayoutput, check, pos, qty, found
    for (x in sizearray)
    {
        found=false;
        for (y in sizestockarray)
        {
            arrayoutput=sizestockarray[y];
            check=colour.toUpperCase();
            check2=sizearray[x].toUpperCase();
            if (arrayoutput.indexOf(check)!=-1 && arrayoutput.indexOf(check2)!=-1)
            {
                pos=arrayoutput.lastIndexOf("~")+1;
                qty=arrayoutput.slice(pos);
                found=true;
                document.getElementById(sizearray[x]).className = 'size_button';
                document.getElementById(sizearray[x]).href = "javascript:sizeselect('"+sizearray[x]+"');";
            }
        }
        if (found==false)
        {
        if (sizearray[x]==previoussize)
            {
                document.getElementById('selectsize').innerHTML = "Choose Your Size: ";
                document.getElementById(previoussize).style.background = "url('/images/sizebutton.png')";
                document.getElementById(previoussize).style.color = "#aaaaaa";
            }
            document.getElementById('selectsize').innerHTML = "Choose Your Size: ";
            document.getElementById(sizearray[x]).className = 'size_button_na';
            document.getElementById(sizearray[x]).href = '#';
        }
    }
    /*document.getElementById('enlargelink').onclick="return openNewWindow('" + link + "')"
    document.getElementById('enlargelink').innerHTML=document.getElementById('enlargelink').onclick
    document.getElementById('m2').src=image1;
    document.getElementById('m3').src=image2;
    document.getElementById('m4').src=image3;
    document.getElementById('m5').src=image4;
    document.getElementById('size_tab_con').innerHTML=previoussize;*/

    return 0;
}