// 
// drop down list in google buy button must match colors array!!!
// 
var product;
var size;
var colors;

function preLoad()
{
    product = getKeyValue("product");
    size = getKeyValue("size");
    colors = new Array("black_charcoal","black_black","black_navy","brown_lime","brown_orange","brown_wine","navy_lime","brown_olive");
    
    if(product == "campania" || product == "toscana")
    {
        for(var i=0;i<colors.length;i++)
        {
            colors[i] = colors[i] + "_" + size;
        }
    }
        
    // this needs some work to match the actual load, it seems to be loading again on select
    for(var i = 0;i<colors.length; i++)
    {
        var img = new Image();
        img.src = "images/buy_" + product + "_" + colors[i] + ".gif";
    }
}

function imgSrc(id)
{
    var imgEl = document.getElementById("BuyImage");
    imgEl.src = "images/buy_" + product + "_" + colors[id] + ".gif";
}

// query string functions
function PageQuery(q) 
{
    if(q.length > 1) this.q = q.substring(1, q.length);
    else this.q = null;
    
    this.keyValuePairs = new Array();
    
    if(q) 
    {
        for(var i=0; i < this.q.split("&").length; i++) 
        {
            this.keyValuePairs[i] = this.q.split("&")[i];
        }
    }
    
    this.getKeyValuePairs = function() { return this.keyValuePairs; }
    
    this.getValue = function(s) 
    {
        for(var j=0; j < this.keyValuePairs.length; j++) 
        {
            if(this.keyValuePairs[j].split("=")[0] == s)
            return this.keyValuePairs[j].split("=")[1];
        }
        return false;
    }
    
    this.getParameters = function() 
    {
        var a = new Array(this.getLength());
        
        for(var j=0; j < this.keyValuePairs.length; j++) 
        {
            a[j] = this.keyValuePairs[j].split("=")[0];
        }
        
        return a;
    }
    
    this.getLength = function() { return this.keyValuePairs.length; } 
}

function queryString(key)
{
    var page = new PageQuery(window.location.search); 
    return unescape(page.getValue(key)); 
}

function getKeyValue(key)
{
    var value = "";
    
    if(queryString(key)!='false') 
    {
        value = queryString(key);
    }
    
    return value;
}