var stOrder = {};
var inStore = false;
var storePages = [];

function initStore() {
    stOrder = {};
    slideIn("stslider","store/front1.html");
    $('#stitemimg').html(" ");
    $("#stitemtxt").html(" ");
    if (!inStore){
        var sR = $("#thestore");
        var sL = $("#notthestore");

        sL.css("left","0px");
        sR.css("left","768px");
        sL.animate({left:"-768px"},1000);
        sR.animate({left:"21px"},1000);
        
        precache('store/step3.html');
        precache('store/step4.html');
        precache('store/step5.html');
        precache('store/step6.html');
        precache('store/step7.html');
    }
    inStore=true;
}

function exitStore() {
    if (inStore) {
        var sR = $("#notthestore");
        var sL = $("#thestore");

        sL.css("left","21px");
        sR.css("left","768px");
        sL.animate({left:"-768px"},1000);
        sR.animate({left:"0px"},1000);
        inStore=false;
        
    }
}

function copyBilling() {
    stOrder.shipName = stOrder.billName;
    stOrder.shipCompany = stOrder.billCompany;
    stOrder.shipAddr = stOrder.billAddr;
    stOrder.shipCity = stOrder.billCity;
    stOrder.shipProv = stOrder.billProv;
    stOrder.shipPC = stOrder.billPC;
    stOrder.shipCountry = stOrder.billCountry;
    stOrder.shipPhone = stOrder.billPhone;
}
function loadOverview() {
    var sHTML = "";
    sHTML = 'Glove Type <input type="text" class="textInput" value="' + stOrder.glove + '"> <br />';
    sHTML = sHTML + 'Quantity <input type="text" class="textInput" value="' + stOrder.quantity + '"> <br />';
    sHTML = sHTML + 'Cost <input type="text" class="textInput" value="$' + parseInt(stOrder.quantity) * 80 + '.00"> <br />';
    sHTML = sHTML + '<p> Bill To: </p>';
    sHTML = sHTML + 'Name <input type="text" class="textInput" value="' + stOrder.cardName + '"> <br />';
    sHTML = sHTML + 'Card Number <input type="text" class="textInput" value="' + stOrder.cardNum + '"> <br />';
    sHTML = sHTML + 'Expiry (MM/YY) <input type="text" class="textInput" value="' + stOrder.cardExp + '"> <br />';
    sHTML = sHTML + 'Security Code <input type="text" class="textInput" value="' + stOrder.cardCode + '"> <br />';
    $("#overview").html(sHTML);
}

function submitPurchase() {
    $.post("/cgi-bin/cgiemail/dev/store/email.txt",stOrder);
    slideIn('stslider','store/step8.html');
}

function changeItemImg(path) {
    $('#stitemimg').html('<img src="' + path + '" width="200" height="200" alt="" />');
}

function changeItemTxt(content) {
    var dCurr = new Date();
    var iMilli = dCurr.getTime();
    var sIT = $("#stitemtxt");
    if(htmlCache[content]){
        sIT.html(htmlCache[content]);
    } else {
        $.get(content,{ nocaching: iMilli }, function(data){
            htmlCache[content]=data;
            sIT.html(htmlCache[content]);
        });
    }
}

function loadProduct(productID, hexcolor, humancolor) {
    stOrder.glove = productID;
    stOrder.color = humancolor
    slideIn('stslider','store/prod/' + productID + '/step2.html');
    changeItemImg('store/prod/' + productID + '/samples/' + hexcolor + '.jpg');
    changeItemTxt('store/prod/' + productID + '/desc.html');
}
/*


function loadProduct(productID) {
}

function loadProductList() {
    if(htmlCache["store/prod/list.json"]){
        var prodData = htmlCache["store/prod/list.json"];
        stOrder.products = prodData;
    } else {
        $.get("store/prod/list.json", function(data){
            htmlCache["store/prod/list.json"]=data;
            var prodData = data;
            alert(JSON.stringify(prodData.products));
            return prodData;
        });
    }
}

function generateStoreFront() {
    var products = loadProductList();
    alert(products[1]);
    return;
    for (i in products) { 
        precache('store/prod/' + products[i] + '/desc.json');
    };
    var thisProduct;
    var iIndex = 0;
    for (i in products) { 
        prodLink[iIndex] = '<a onclick="stOrder.glove=\'' + products[i] + '\';slideIn(\'stslider\',\'store/step2.html\')">';
        prodLink[iIndex] += '<img src="store/prod/' + products[i] + '"/logo.png" width="110" height="120" alt="" /> </a>';
        iIndex++;
    };
}

function genStoreFrontPages(prodLink) {
    var xPos = [20,170,320,470,20,170,320,420];
    var yPos = [45,45,45,45,195,195,195,195];
    var pageCount = Math.ceil((prodLink.length - 1) / 7);
    for (var pageIndex = 0; pageIndex < pageCount ; pageIndex++) {
        storePages[pageIndex] = "<p>SELECT A PRODUCT</p>";
        if ( prodLink.length < 9 ) {
            for (var iIndex = 0; iIndex < prodLink.length; iIndex++) {
                storePages[pageIndex] += '<div style="position:absolute; left:' + xPos[iIndex] + 'px; top:' + yPos[iIndex] + 'px; ">';
                storePages[pageIndex] += prodLink[iIndex];
                storePages[pageIndex] += '</div>';
            }
        } else {
            for (var iIndex = 0; iIndex < 8; iIndex++) {
                storePages[pageIndex] += '<div style="position:absolute; left:' + xPos[iIndex] + 'px; top:' + yPos[iIndex] + 'px; ">';
                storePages[pageIndex] += prodLink[iIndex];
                storePages[pageIndex] += '</div>';
            }
            prodLink = prodLink.slice(8);
        }
        if (pageIndex == (pageCount - 1)) {
            storePages[pageIndex] += '<a class="stNextBtn"> <img src="store/prod/nextsmalloff.png" width="30" height="30" alt="" /> </a>'
        } else {
            storePages[pageIndex] += '<a class="stNextBtn" onclick="nextStorePage();"> <img src="store/prod/nextsmall.png" width="30" height="30" alt="" /> </a>'
        }
        if (pageIndex == 0) {
            storePages[pageIndex] += '<a class="stPrevBtn"> <img src="store/prod/backsmalloff.png" width="30" height="30" alt="" /> </a>'
        } else {
            storePages[pageIndex] += '<a class="stPrevBtn" onclick="prevStorePage();"> <img src="store/prod/backsmall.png" width="30" height="30" alt="" /> </a>'
        }
    }
}

function nextStorePage() {
    if (stOrder.currPage == undefined) {
        stOrder.currPage = 0;
    }
    stOrder.currPage++;
    slideInHTML('stslider',storePages[stOrder.currPage]);
}

function prevStorePage() {
    stOrder.currPage--;
    slideInHTML('stslider',storePages[stOrder.currPage]);
}


*/