function log(message) {
    if (window.console && window.console.log) {
        console.log(message);
    }
}

function remove_winkelmand_item(id) {
    var answer = confirm("Weet je zeker dat je dit product wilt verwijderen uit je winkelmandje?");
    if (answer) {
        window.location = "/winkelmandje/1/delete/" + id + "/";
    }
}

function open_product(obj) {
    var id = $(obj).attr("rel");
    
    window.location = "/collectie/" + id + "/";
}

function toggleMaattabel() {
    $("#maat_tabel").toggle("slow");
}

function filter_maat(maat) {
    
    $.post("/includes/ajax/ajax.php", {
        action: "filter_maat",
        maat: maat
    }, function (data) {
        $("#container .product_display").animate({
            opacity: 0.2
        }, 300);
        for(var i = 0; i < data.length; i++) {
            $("#container .product_display[rel=" + data[i].id + "]").stop().animate({
                opacity: 1.0
            }, 300);
        }
    }, "json");
}

function check_maten() {
    var id = $("#product_id").val();
    var stof_id = $("#stof_container input:checked").val();
    
    var opdruk_disp = $("#opdruk_container").css("display");
    var acces_disp = $("#accessoire_container").css("display");
    
    if (opdruk_disp == 'block' || acces_disp == 'block') {
      var opdruk_id = $("#opdruk_container input:checked, #accessoire_container input:checked").val();  
    } else {
      var opdruk_id = 0;
    }
    
    $("#maat_container input").attr("checked", false).attr("disabled", false);
    
    $.post("/includes/ajax/ajax.php", {
        action: "check_maten",
        id: id,
        stof_id: stof_id,
        opdruk_id: opdruk_id
    }, function (data) {
        $("#maat_container li").stop().animate({
            "opacity": 0.7
        }, 300);
        $("#maat_container li img").css("visibility", "visible");
        $("#maat_container li input").attr("disabled", true);
        
        for (var i = 0; i < data.length; i++) {
            $("#maat_container li[rel=" + data[i] + "]").stop().animate({
                "opacity": 1
            }, 300);
            $("#maat_container li[rel=" + data[i] + "] img").css("visibility", "hidden");
            $("#maat_container li[rel=" + data[i] + "] input").attr("disabled", false);
        }
    }, "json");
}

function select_maat(obj) {
    
    var id = $("#product_id").val();
    var stof_id = $("#stof_container input:checked").val();
    var opdruk_id = $("#opdruk_container input:checked, #accessoire_container input:checked").val();
    var maat_id = $("#maat_container input:checked").val();
    
    log(id + " " + stof_id + " " + opdruk_id + " " + maat_id);
    
    var opdruk_disp = $("#opdruk_container").css("display");
    var acces_disp = $("#accessoire_container").css("display");
    
    if (opdruk_disp == 'block' || acces_disp == 'block') {
      if (id > 0 && stof_id > 0 && opdruk_id > 0 && maat_id > 0) {
           enable_shoppingcart();
       }
    } else {
      if (id > 0 && stof_id > 0 && maat_id > 0) {
        enable_shoppingcart();
      }
    }
    
}

function enable_shoppingcart() {
    $("#submit_container input").attr("disabled", false).css({
        borderColor: "#E0001B",
        color: "#E0001B",
        backgroundImage: "url(/images/shoppingcart.gif)"
    });
}

function disable_shoppingcart() {
    $("#submit_container input").attr("disabled", true).css({
        borderColor: "#827A78",
        color: "#827A78",
        backgroundImage: "url(/images/shoppingcart_disabled.gif)"
    });
}

function select_opdruk(obj) {
    $(obj).attr("checked", "checked");
    $("#maat_container input").attr("checked", "");
    
    disable_shoppingcart();
    check_maten();
    
    var id = $(obj).parent().attr("rel");
    $("#opdruk_img").css("visibility", "hidden");
    
    $.post("/includes/ajax/ajax.php", {
        action: "get_stof_opdruk_product",
        id: id
    }, function (data) {        
        var scale = data.scale;
        var left = data.x;
        var top = data.y;
        
        var src = $(obj).parent().find("img").attr("src");
        src = src.replace(".jpg", "_detail.png");
        
        $("#opdruk_img").attr("src", src);
        $("#opdruk_img").css("visibility", "visible");
        
        $("#opdruk_img").css({
            top: top + "px",
            left: left + "px"
        });
        
        $("#opdruk_img").css("height", scale + "%");
    }, "json");
}

function select_stof(obj) {
    $(obj).attr("checked", "checked");
    $("#maat_container input").attr("checked", "");
    
    var id = $(obj).parent().attr("rel");
    
    $("#opdruk_container ul, #accessoire_container ul").empty();
    $("#product_img, #opdruk_img").attr("src", "").css("visibility", "hidden");
    
    $.post("/includes/ajax/ajax.php", {
        action: "get_opdruk_accessoires",
        stofProdId: id
    }, function (data) {
        $("#product_img").attr("src", data.image);
        $("#product_img").css("visibility", "visible");
        
        var first = true;
        
        if (data.opdrukjes.length > 0) {
            $("#opdruk_container").css("display", "block");
            
            var ul = $("#opdruk_container ul");
            
            $(ul).empty();
            for (var i = 0; i < data.opdrukjes.length; i++) {
                var opdrukid = data.opdrukjes[i].opdrukId;
                var stofopdrukproductId = data.opdrukjes[i].stofOpdrukProductId;
                var name = data.opdrukjes[i].naam;
                
                var li = $("<li></li>").appendTo($(ul));
                $(li).attr("rel", stofopdrukproductId);
                
                    if (typeof(data.opdrukjes[i].zoom) != "undefined") {
                       var a = $("<a />").appendTo($(li));
                       $(a).attr("href", "/images/opdruk/" + opdrukid +  "_zoom.jpg");
                       
                          var img = $("<img />").appendTo($(a));
                          $(img).attr("src", "/images/opdruk/" + opdrukid +  ".jpg");
                    } else {
                         var img = $("<img />").appendTo($(li));
                          $(img).attr("src", "/images/opdruk/" + opdrukid +  ".jpg");
                    }
                   
                    
                    var input = $("<input type='radio' />").appendTo($(li));
                    $(input).attr("name", "opdruk");
                    $(input).attr("value", opdrukid);
                    $(input).click(function () {
                        select_opdruk(this);
                    });
                    
                if (first == true) {
                    
                    select_opdruk($(input));
                    
                    first = false;
                }
            }
            
            $("#opdruk_container ul li a").lightBox();
            
        } else {
            $("#opdruk_container").css("display", "none");
        }
        
        if (data.accessoires.length > 0) {
            $("#accessoire_container").css("display", "block");
            
            if (data.opdrukjes.length > 0) {
                $("#accessoire_container h2").html("of kies accessoire");
            } else {
                $("#accessoire_container h2").html("Kies accessoire");
            }
            
            var ul = $("#accessoire_container ul");
            
            $(ul).empty();
            for (var i = 0; i < data.accessoires.length; i++) {
                var opdrukid = data.accessoires[i].opdrukId;
                var stofopdrukproductId = data.accessoires[i].stofOpdrukProductId;
                var name = data.accessoires[i].naam;
                
                var li = $("<li></li>").appendTo($(ul));
                $(li).attr("rel", stofopdrukproductId);
                
                    if (typeof(data.accessoires[i].zoom) != "undefined") {
                       var a = $("<a />").appendTo($(li));
                       $(a).attr("href", "/images/opdruk/" + opdrukid +  "_zoom.jpg");
                       
                          var img = $("<img />").appendTo($(a));
                          $(img).attr("src", "/images/opdruk/" + opdrukid +  ".jpg");
                    } else {
                         var img = $("<img />").appendTo($(li));
                          $(img).attr("src", "/images/opdruk/" + opdrukid +  ".jpg");
                    }
                    
                    var input = $("<input type='radio' />").appendTo($(li));
                    $(input).attr("name", "opdruk");
                    $(input).attr("value", opdrukid);
                    $(input).click(function () {
                        select_opdruk(this);
                    });
                    
                if (first == true) {
                    
                    select_opdruk($(input));
                    
                    first = false;
                }
            }
            
            $("#accessoire_container ul li a").lightBox();
            
        } else {
            $("#accessoire_container").css("display", "none");
        }
        
        if (data.accessoires.length == 0 && data.opdrukjes.length == 0) {
            disable_shoppingcart();
            check_maten();
        }
    }, "json");
}

function select_default_stof() {
    select_stof($("#stof_container ul li:first-child input"));
}

function check_voorwaarden() {
   if ($("#akkoord").attr("checked") == true) {
      window.location = "/winkelmandje/3/betalen/";
   } else {
      alert("Voordat u doorgaat dient u akkoord te gaan met de algemene voorwaarden.");
   }
}

$(document).ready(function()
{
    select_default_stof();
    
	// Menu - Header + Footer
	$(function() {
			$('.menu ul li a').hover(function() {					
					//$(this).stop().animate({"paddingLeft": "20px","paddingRight": "20px"}, 500);						
			}, function() {
					//$(this).stop().animate({"paddingLeft": "10px","paddingRight": "10px"}, 500);
			});
	});	
    
    $("#container .product_display").each(function() {
        
        $(this).hover(function() {
            $(this).addClass("hover");
        }, function() {
            $(this).removeClass("hover");
        });
        
    });
	
	// Maatdropdown
	$(".dropdown").click(function () {
			  $(".dropdown-content").slideToggle();
			});
			
	// Home --> Open/sluit nieuws
	$(".open-nieuws").click(function () {
			  $(".home-nieuws-groot").slideToggle(1000);
			});			
	$(".sluit-nieuws").click(function () {
			  $(".home-nieuws-groot").slideToggle(1000);
			});						


	// Cycles
	$('#cycle001').animate({"padding": "0"}, 2000, "linear", function () {
	   $(this).cycle({ 
   		fx:     'scrollRight', 
   		prev:   '#prev', 
   		next:   '#next', 
   		timeout: 2500,
   		random: 0
   	});
	});	
    
    $('.product_foto').cycle({ 
		fx:     'fade', 
		prev:   '.prev', 
		next:   '.next', 
		timeout: 0
	});	
	
   $('#cycle002').animate({"padding": "0"}, 2000, "linear", function () {
	   $('#cycle002').cycle({ 
   		fx:     'scrollLeft', 
   		prev:   '#prev', 
   		next:   '#next', 
   		timeout: 2500,
   		random: 0
   	});
	});

});