var shoppingBagElId="shoppingbagEl";
    
    var selectedEl=null;
    
    var selectedVariantInfo=null;
    var selectedTableCell=null;
    
    var selectedVariantId=null;
    
    function showMessage(msg) {
        alert(msg);
    }
    
    function selectVar(el, url, variantId) {
        if(selectedEl!=null && selectedEl!=el) {
            selectedEl.style.border="solid 1px white";
        }
        el.style.border="solid 1px black";
        selectedEl=el;
        setCtxImg(url);
        var newSelectedVarInfo=document.getElementById("pdvar"+variantId);
        if (selectedVariantInfo!=newSelectedVarInfo) {
            if (selectedVariantInfo!=null) selectedVariantInfo.style.display="none";
            newSelectedVarInfo.style.display="block";
            selectedVariantInfo=newSelectedVarInfo;
        }
        selectedVariantId=variantId;
        document.getElementById("lineDescription").style.display="none";
    }
    
    function overVar(el) {
        if(el!=selectedEl) el.style.border="solid 1px #aaaaaa";
    }
    
    
    
    function checkBasket(responseText) {
        var response=responseText.split(";");
        var message=response[0];
        if (message!=null && message.length>0) {
           showMessage(message);
           var shopBagEl=getBasketEl();
           var currentSize=new Number(shopBagEl.innerHTML);
            currentSize--;
            setBasketSize(shopBagEl,currentSize);
            //var basketSize=response[1];
            //setBasketSize(getBasketEl(),basketSize);
        }
    }
    
    function getBasketEl() {
        return document.getElementById(shoppingBagElId);
    }
    
    function addToBasket() {
        if (selectedVariantId==null) {
            if (!ADD_TO_BASKET_ALERT) {
                alert("Please choose a product first by clicking one of the small images below.");
            } else {
                alert(ADD_TO_BASKET_ALERT);
            }
        } else {
            var shopBagEl=getBasketEl();
            var currentSize=new Number(shopBagEl.innerHTML);
            currentSize++;
            setBasketSize(shopBagEl,currentSize);
            HTTP.getText("AddToBasket.aspx?variantId="+selectedVariantId,checkBasket);
        }
    }
    
    function setBasketSize(shopBagEl, size) {
        if (size<10) size="0"+size;
        shopBagEl.innerHTML=size;
    }
    
    function outVar(el) {
        if(selectedEl!=el) el.style.border="solid 1px white";
    }
    
    function setCtxImg(url) {
        document.getElementById("ctxImg").src=url;
    }
    function setCtxImg2(cell,url) {
        var siblings=cell.parentNode.getElementsByTagName("td");
        for (var i=0;i<siblings.length;i++) {
            siblings[i].style.backgroundColor="black";
        }
        setCtxImg(url);
        cell.style.backgroundColor="white";
        selectedTableCell=cell;
        
    }
    
    function setCtxImg2ByVarId(cell, url, variantId) {
    
    }