function getBasket(){

    strBasket = getCookie("Basket"); 
    //alert(strBasket);

    //document.getElementById("divBasket").innerHTML = strReturn;     
    //document.getElementById("divTotal").innerHTML = intSubTotal.toFixed(2);    

    //document.getElementById("divBasket").innerHTML = "<img src=\"images/template/shopping_basket.jpg\" alt=\"Shopping Basket\" class=\"basket\"/><div class=\"basket_text\">Drag products here to add them to your shopping basket</div>";
    //document.getElementById("divTotal").innerHTML = "0.00";
   
  }


  function removeFromBasket(Id, Variant) {

      var strBasket = "";
       
      strBasket = getCookie("Basket"); 

      if(strBasket==null||strBasket.length<1){
        //Cannot be null really as we must have something in it in order to drag over to this remove product from basket handler!
      }else{    

        var j=dojo.json.evalJSON("[" + strBasket + "]");
        strBasket = "";
        for (var i = 0 ; i < j.length ; i++) { 

          if(j[i]["Id"]==Id && j[i]["Variant"]==Variant){
            // Remove completely
          }else{
            strBasket = strBasket + "{\"Id\":\"" + j[i]["Id"] + "\",\"QTY\":\"" + j[i]["QTY"] + "\",\"Variant\":\"" + j[i]["Variant"] + "\"},";
          }
        }        
        strBasket = Left(strBasket, strBasket.length-1)
      }

      setCookie("Basket", strBasket );

      if(strBasket.length > 0){$("formBasket_strBasket").value = "[" + strBasket + "]";}else{$("formBasket_strBasket").value = "";}

      getBasket();


  }


  function addlabeltobasket(){

    var strPersonaliseId  = guid();

    var strProductGUID  = document.formlabel.formlabel_bottleid.value; 
    var strGiftTag      = document.getElementById('giftmessage').value;
    var strPackagingID  = document.formlabel.formlabel_packagingid.value;
    var strLabelID      = document.formlabel.formlabel_labelid.value;
    var strLine1        = document.formlabel.formlabel_line1.value;
    var strLine2        = document.formlabel.formlabel_line2.value;
    var strLine3        = document.formlabel.formlabel_line3.value;  
    var strImageGUID    = document.formlabel.formlabel_imageid.value;
    var strLabelWording = strLine1 + "<line>" + strLine2 + "<line>" + strLine3;

    //Add bottle to basket
    addtobasket('', strProductGUID, 1, strPersonaliseId, strGiftTag, strLabelID, strLabelWording, strImageGUID);

    //Add packaging product to basket
    addtobasket('', strPackagingID, 1, strPersonaliseId, '', '', '', '');

    //Now check for any accessories
    var c_value = "";
    for (var i=0; i < document.formAccessories.accessoriesid.length; i++){ 
      if (document.formAccessories.accessoriesid[i].checked){
        addtobasket('', document.formAccessories.accessoriesid[i].value, 1, strPersonaliseId, '', '', '', '');
      }
    }

    window.location = "checkout.aspx";

  }


  function addtobasket(Id, productId, quantity, PersonaliseId, GiftMessage, LabelId, LabelWording, LabelImageId){
      var strBasket  = "";
      var strGiftTag = "";

      //document.getElementById('basketPopup').style.display = 'block';
      //showdeadcenterdiv(400, 200, "basketPopup");
      //setTimeout("document.getElementById('basketPopup').style.display = 'none'",1500);

      //deleteCookie("Basket");
      strBasket = getCookie("Basket"); 

      //Id - We generate a new product ID for each basket item
      if(Id==""){
        Id = guid();
      }

      //Gift Message
      if(GiftMessage=="TRUE"){
        strGiftTag = document.getElementById('viewproduct_giftmessage').value;
      }else{
        if(GiftMessage=="FALSE"){
          strGiftTag = "";
        }else{
          strGiftTag = GiftMessage;
        }
      }

      if(strGiftTag.length > 0){
        strGiftTag = strGiftTag.replace(/,/g, "&#44;");
      }

      if(LabelWording.length > 0){
        LabelWording = LabelWording.replace(/,/g, "&#44;");
      }

      if(strBasket==null||strBasket.length<1){
        strBasket = "{\"Id\":\"" + Id + "\",\"productId\":\"" + productId + "\",\"QTY\":\"" + quantity + "\",\"PersonaliseId\":\"" + PersonaliseId + "\",\"GiftTag\":\"" + strGiftTag + "\",\"LabelId\":\"" + LabelId + "\",\"LabelWording\":\"" + LabelWording + "\",\"LabelImageId\":\"" + LabelImageId + "\"}";
      }else{
    
        var bolFound = false;
        //We now see if this product already exists in the basket in order to increase the quantity

        var j=eval("[" + strBasket + "]");

        strBasket = "";

        for (var i = 0 ; i < j.length ; i++) { 
          if(j[i]["Id"]==Id){
            strBasket = strBasket + "{\"Id\":\"" + j[i]["Id"] + "\",\"productId\":\"" + j[i]["productId"] + "\",\"QTY\":\"" + (parseInt(j[i]["QTY"])+parseInt(quantity)) + "\",\"PersonaliseId\":\"" + j[i]["PersonaliseId"] + "\",\"GiftTag\":\"" + j[i]["GiftTag"] + "\",\"LabelId\":\"" + j[i]["LabelId"] + "\",\"LabelWording\":\"" + j[i]["LabelWording"] + "\",\"LabelImageId\":\"" + j[i]["LabelImageId"] + "\"},";          
            bolFound = true;
          }else{
            strBasket = strBasket + "{\"Id\":\"" + j[i]["Id"] + "\",\"productId\":\"" + j[i]["productId"] + "\",\"QTY\":\"" + j[i]["QTY"] + "\",\"PersonaliseId\":\"" + j[i]["PersonaliseId"] + "\",\"GiftTag\":\"" + j[i]["GiftTag"] + "\",\"LabelId\":\"" + j[i]["LabelId"] + "\",\"LabelWording\":\"" + j[i]["LabelWording"] + "\",\"LabelImageId\":\"" + j[i]["LabelImageId"] + "\"},";
          }
        }
        if(bolFound==false){
          strBasket = strBasket + "{\"Id\":\"" + Id + "\",\"productId\":\"" + productId + "\",\"QTY\":\"" + quantity + "\",\"PersonaliseId\":\"" + PersonaliseId + "\",\"GiftTag\":\"" + strGiftTag + "\",\"LabelId\":\"" + LabelId + "\",\"LabelWording\":\"" + LabelWording + "\",\"LabelImageId\":\"" + LabelImageId + "\"},";
          
        }
        strBasket = Left(strBasket, strBasket.length-1)
      }

//alert(strBasket);
      setCookie("Basket", strBasket );

      if(strBasket.length > 0){$("formBasket_strBasket").value = "[" + strBasket + "]";}else{$("formBasket_strBasket").value = "";}

      //getBasket();
      window.location = "checkout.aspx"

  }


  function $(e){
    var obj = null;
    if(document.getElementById){
      obj = document.getElementById(e);
    }else if(document.all){
      obj = document.all[e];
    }
    return obj;
  }


  function Left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
  }

  function Right(str, n){
    if (n <= 0)
       return "";
    else if (n > String(str).length)
       return str;
    else {
       var iLen = String(str).length;
       return String(str).substring(iLen, iLen - n);
    }
  }

function S4() {
   return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
}
function guid() {
   return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
}


function showdeadcenterdiv(Xwidth,Yheight,divid) { 
// First, determine how much the visitor has scrolled 

var scrolledX, scrolledY; 
if( self.pageYOffset ) { 
scrolledX = self.pageXOffset; 
scrolledY = self.pageYOffset; 
} else if( document.documentElement && document.documentElement.scrollTop ) { 
scrolledX = document.documentElement.scrollLeft; 
scrolledY = document.documentElement.scrollTop; 
} else if( document.body ) { 
scrolledX = document.body.scrollLeft; 
scrolledY = document.body.scrollTop; 
} 

// Next, determine the coordinates of the center of browser's window 

var centerX, centerY; 
if( self.innerHeight ) { 
centerX = self.innerWidth; 
centerY = self.innerHeight; 
} else if( document.documentElement && document.documentElement.clientHeight ) { 
centerX = document.documentElement.clientWidth; 
centerY = document.documentElement.clientHeight; 
} else if( document.body ) { 
centerX = document.body.clientWidth; 
centerY = document.body.clientHeight; 
} 

// Xwidth is the width of the div, Yheight is the height of the 
// div passed as arguments to the function: 
var leftOffset = scrolledX + (centerX - Xwidth) / 2; 
var topOffset = scrolledY + (centerY - Yheight) / 2; 
// The initial width and height of the div can be set in the 
// style sheet with display:none; divid is passed as an argument to // the function 
var o=document.getElementById(divid); 
var r=o.style; 
r.position='absolute'; 
r.top = topOffset + 'px'; 
r.left = leftOffset + 'px'; 
r.display = "block"; 
}