var baseurl = "http://testing.unipromos.com/";

var displayCategory = function( json ) {
    var container = document.getElementById("container");
    for(i in json.items){

        element = json.items[i];
        var child =  document.createElement("span");

        child.innerHTML = "<div> " + element.name + "</div>";
        container.appendChild(child);
    }
}
var hookEvents = function(container){
    $("#" + container + " ol.pdtnav a").click(function(){
        var url ="pag/" + $(this).attr('rel') + '/';
        $("#" + container + " input").each(function(index){
            url = url + $(this).attr('name') + "/" + $(this).val() + "/";
        });
        var script = document.createElement( 'script' );
        script.type = 'text/javascript';
        script.src = baseurl + 'service/search/' + url ;
        document.body.appendChild(script);

        return false;
    });
    $("div.product_box a").fancybox({
		'width'				: '95%',
		'height'			: '95%',
        'autoScale'     	: false,
        'transitionIn'		: 'none',
        'transitionOut'		: 'none',
        'type'			: 'iframe',
        'onClosed'              : function() {
            var script = document.createElement( 'script' );
        script.type = 'text/javascript';
        script.src = baseurl + 'service/cart' ;
        document.body.appendChild(script);
        }
    });


   

}
var displayCart = function(json){

    var container = document.getElementById("cart");
    if(container==null) return;
    $(container).html('');
    var child =  document.createElement("ol");
    var html ="";
    for(i in json.products){
        element = json.products[i];
        html = html + "<li>" + element.name +  "(" + element.unidades + ")</li>";
    }
    child.innerHTML = html;
    container.appendChild(child);
}
var displayProducts = function(json){
 //   var container = document.getElementById("container");
    var container = document.getElementById(json.container);
    $(container).html('');
   // var checkout_url = json.checkout_url;
   // $("#checkout").attr('href', checkout_url);
    if(json.products.length==0){
            if(json.criteria.keyword!=null){
                var child =  document.createElement("div");
                child.innerHTML="<br/><p>Su búsqueda no produjo ningún resultado.<br/>Por favor, compruebe si ha escrito la palabra <b>correctamente.</b><br/>Quizás existe <b>otra palabra equivalente</b> (por ejemplo 'Soporte móvil' o 'Portamoviles'). <br/>Busque ambas palabras.</p><p><h3>Si sigue sin encontrar lo que busca, contacte con nosotros.<br/>Seguro que podremos ayudarle.</h3></p>";
                container.appendChild(child);
            }
    }else{
            $(container).html("<div>" + json.navigation + "</div>");
            for(i in json.products){

                element = json.products[i];
                var child =  document.createElement("div");
                image = element.images[0];
                child.className="product_box";
                if(element.is_offer==1) child.className += " is_offer ";
                if(element.is_highlighted==1) child.className += " is_highlighted ";
                var html ='';
                html = html + "<div class=\"product_img\"><a href=\"" + element.url +  "\" uni=\"shadowbox;width=400;height=300\"><img  src=\"" + image.url + "\" /></a></div>";
                html = html + "<div class=\"product_title\"><a href=\"" + element.url +  "\">" + element.id + "/" + element.provider_id +  " - " + element.name + "</a></div>";
                if(element.price!=null){
                    if(element.price != "0,00 €"){
                    html = html + "<div class=\"product_price\">" + element.price + " (orientativo)</div>";
                    }else{
                    html = html + "<div class=\"product_price\">Precio a consultar</div>";

                    }
                }
                child.innerHTML = html;
                container.appendChild(child);
            }
            if(json.total_products!=null){
                $(container).append("<div class=\"total_products\">" + json.total_products + " productos encontrados.</div>");

            }
            $(container).append("<div>" + json.navigation + "</div>");
            for(i in json.criteria){
                var value = json.criteria[i];
                var input = $('#container input[name="' + i + '"]');
                if(input.empty()){
                    input = '<input type="hidden" name="' + i + '" value="'  + json.criteria[i] + '" />';
                    $(container).append(input);
                }else{
                    $(input).val(value);
                }
            }
    }
    hookEvents(json.container);
//    container.appendChild(json.navigation);

}
$(document).ready(function() {
  $("#checkout").attr('href', baseurl + 'products/checkout');
  $("#checkout").fancybox({
		'width'			: '95%',
        'height'		: '95%',
        'autoScale'     	: false,
        'transitionIn'		: 'none',
        'transitionOut'		: 'none',
        'type'			: 'iframe',
        'onClosed'              : function() {
         var script = document.createElement( 'script' );
        script.type = 'text/javascript';
        script.src = baseurl + 'service/cart' ;
        document.body.appendChild(script);
        }
    });
});