var modalTimer;
var modalTimeout = 5000;
var currentItem;

function AddToBasket(itemID, obj) {
    currentItem = $(obj).attr('rel');
    
    var productOptions = "";
    var productOption1 = $('.optionslist1');
    var productOption2 = $('.optionslist2');
    var productOption3 = $('.optionslist3');
    var productOption4 = $('.optionslist4');
    var productOption5 = $('.optionslist5');
    
    if (productOption1.length) {
        productOptions =  productOptions + productOption1.val() + ",";
    }
    
    if (productOption2.length) {
        productOptions = productOptions + productOption2.val() + ",";
    }
    
    if (productOption3.length) {
        productOptions = productOptions + productOption3.val() + ",";
    }
    
    if (productOption4.length) {
        productOptions = productOptions + productOption4.val() + ",";
    }
    
    if (productOption5.length) {
        productOptions = productOptions + productOption5.val() + ",";
    }    
    
    if (productOptions.length > 1)
    {
        productOptions = productOptions.remove(productOptions.length - 1, 1);
    }
    
    var qty = 1;
    
    if ($('input[type=text][id*=txtQuantity]:value').length != 0) {
        qty = $('input[type=text][id*=txtQuantity]:value').val();
    }
    
    Baskets.AddToBasket(itemID, productOptions, qty, AddToBasketSucceed, AddToBasketFail);
}

function AddToBasketSucceed(msg) {
    var myBasketAddResponse = [];
    
    myBasketAddResponse = JSON.parse(msg);
        
    if($('#modalBasket').length)
        closeModalBasket();
        
    var err = $(this).attr('rel');
    var src = '<div id="modalBasket"><div id="modalBasketClose"></div><img style="margin: 0 auto;" src="/images/shoppingCart.jpg" /><br/><b>You have ' + myBasketAddResponse["ItemsCount"] + ' item(s) totalling ' + myBasketAddResponse["BasketTotal"] + '</b><br />' + '<div class="buttons clearfix"><input id="modalContinueShopping" type="button" class="button red" style="width: 120px" value="Continue Shopping" /><input id="modalGoToCheckout" type="button" class="button green right" style="width: 120px" value="Go To Basket" /></div></div>';
        
    if(modalTimeout != 0)
        modalTimer = window.setTimeout('$("#modalBasket").remove();', modalTimeout);
        
    $('#wrapper').append(src);
    $('#modalBasketClose').click(closeModalBasket);
    $('#modalContinueShopping').click(closeModalBasket);
    $('#modalGoToCheckout').click(function(){window.location = "/basket";});
}

function AddToBasketFail(msg) {

}

function closeModalBasket(){    
    $("#modalBasket").remove();
    window.clearTimeout(modalTimer);
}