var systeme = "imperial";
var logged = 0;
$(document).ready(function(){
    
	// Dimensions 
    $(".dimensions_met").hide();
    $("#switchSystem").click(function(){
        if (systeme == "imperial") {
            $(".dimensions_met").show();
            $(".dimensions_imp").hide();
            systeme = "metric";
            $(this).text("metric > imperial");
        } else {
            $(".dimensions_met").hide();
            $(".dimensions_imp").show();
            systeme = "imperial";
            $(this).text("imperial > metric");
        }
    });
    
    // Ajout au panier
    $("img[name^='btnAdd_'], img[name^='iconAdd_']").click(function(){
    	doCartAction("add", $(this));
    });
    
    // Messages
    $("p[class^='msgAdd_']").hide();
    
    // Vérification AJAX de la session
    logged = $.ajax({
      type: "GET", 
      data: "mode=checkLogin", 
      url: "lib/ajax/panier.php",
      async: false
     }).responseText;
     
     // Load le panier
     loadCartInfo();
  
});
function doCartAction(action, selector)
{
    if (logged != "1") {
    	//alert("Attention! Pas loggé... TODO");
        document.location = "collecte-votreCommande.php?mode=notlogged";
    } else {
    	if (action == "add") addItem(selector);
        else if (action == "remove") removeItem(selector);
    }
}


function addItem(sel) {
	var name = sel.attr('name');
    var id = name.substr(name.indexOf("_")+1) ;
    var gid = $("input#gid").val();
    qte = $("input[name=txtQte_"+id+"]").val();
    
    $("#txtErr").remove();
    $("#txtConfirm").remove();
    
    if (isNaN(qte) || qte < 1) {
    	var error = $('<span id="txtErr">'+texts["ERROR_QTE"]+'</span>');
        error.css({'color':'#cc0000', 'font-weight':'bold'});
        $("p#msgAdd_"+id).append(error).show();
    } else {
    	var option = $("input[name=radOpt_"+id+"]:checked").val();
        if (option == undefined) option = "";
        
        $.ajax({ 
            type: "GET", 
            data: "mode=add&produit_id="+id+"&qte="+qte+"&option="+option+"&groupe_id="+gid, 
            url: "lib/ajax/panier.php",
            async: false,
            success: itemAdded
        });
        
        var confirm = $('<span id="txtConfirm">'+texts["AJOUT_CONFIRM"]+'</span>');
        confirm.css({'color':'#96C353', 'font-weight':'bold'});
        $("p#msgAdd_"+id).append(confirm).show();
	}
}

function removeItem(sel) {
    // L'attribut rel = item0, item1, item3. Donc, le product key est le nombre de la fin de la chaine

    var product_key = sel.attr("rel").substring(4);
    $.ajax({ 
        type: "GET", 
        data: "mode=remove&product_key="+product_key, 
        url: "lib/ajax/panier.php",
        async: false,
        success: itemRemoved
	});
}

function loadCartInfo() {
    $.ajax({ 
        type: "GET", 
        data: "mode=load", 
        url: "lib/ajax/panier.php",
        async: false,
        success: buildCartInfo
    });
}

// CALLBACKS
function buildCartInfo(msg) {
	var box = $("cartContent");
    $("#cartContent > ul#cartListItems > li").remove(); // On retire tout
    //alert(msg);
    if (msg == "") { // PANIER VIDE
		$("a#btnCartOrder").hide();
         
        var html = '<li>';
        html+= '<span class="productName emptyCart">'+texts["COMMANDE_CART_VIDE"]+'</span>';
        html+= '<div class="clear"></div>';
        html+= "</li>";
        var item = $(html);
        $("#cartContent > ul#cartListItems").append(item);
        
    } else { // PANIER AVEC PRODUITS
        var prod_arr = msg.split("#");
        for (var i = 0; i < prod_arr.length; i++) {
            var prod_info = prod_arr[i].split("|");
            var prod_id = prod_info[0];
            var prod_qte = prod_info[1];  
            var prod_option = prod_info[2];  
             
            var html = '<li>';
            
            html+= '<span class="qty">' + prod_qte + ' x</span> ';
            html+= '<span class="productName">' + prod_id;
            if (prod_option!="" && prod_option!="undefined") {
            	
                if (prod_option=="recyclage") prod_option_str = texts["ORDRE_RECYCLAGE"];
                else if (prod_option=="dechets") prod_option_str = texts["ORDRE_DECHETS"];
                else prod_option_str = texts["ORDRE_RECYCLAGE_DECHETS"];
                
                html+= ' (' + prod_option_str + ')';
            }
            
            html+= '</span><span class="remove"><a rel="item'+i+'"><img src="images/cart-delete-item.png" /></a></span>';
            html+= '<div class="clear"></div>';
            html+= "</li>";
            
            var item = $(html);
            item.find("a").click(function(){
                doCartAction("remove", $(this));
            }).css('cursor','pointer');
            $("#cartContent > ul#cartListItems").append(item);
        }
        $("a#btnCartOrder").show();
        $("a#btnCartOrder").click(function(){
        	$("form#fCart").submit();
        });
    }
}


function itemAdded(msg) {
    loadCartInfo();
}
function itemRemoved(msg) {
    loadCartInfo();
}