$(document).ready(function () {
    $("*[rel=fancybox]").fancybox({
        'showNavArrows': false,
        'overlayColor': '#000',
        'padding': 40
    });


    $("#searchFormContainer form").submit(function () {
        if ($("#tireSizeOne").val().length == 0 || $("#tireSizeTwo").val().length == 0) {
            alert("Du måste uppge de två första fälten under däckstorlek för att kunna söka.");
            return false;
        } else {
            var newTireSizeString = $("#tireSizeOne").val() + $("#tireSizeTwo").val() + $("#tireSizeThree").val();
            $("#easySearchValue").val(newTireSizeString);
            return true;
        }
    });

    singleShopProductImages();

    $("#DeliverySame").change(function() {
        if ($(this).is(":checked")) {
            $("#DeliverySameForm").hide();
        } else {
            $("#DeliverySameForm").show();
        } 
    });

    $(".orderButton").fancybox({
        'autoDimensions' : true,
        'padding' : 30,
        onComplete: function(links, index){
            var self = $(links[index]);  
            var rim = self.attr("rim"); 
            var sysnr = self.attr("sysnr"); 
            var car = self.attr("car"); 
            $("#interTyreForm #interTyreRim").val(rim); 
            $("#interTyreForm #interTyreSysnr").val(sysnr); 
            $("#interTyreForm #interTyreCar").val(car); 
        }
	});
});


function addInterTyreQuerystringsToForm(button) {
    alert($(button).attr("rim"));
}

function singleShopProductImages() {
    $("a[rel='changeLargeImage']").click(function (e) {
        e.preventDefault();

        var newUrlLarge = $(this).attr("href") + "_~360x800xThumbpicture";
        var newUrlFancybox = $(this).attr("href") + "_~800x800xThumbpicture#.jpg";
        var img = $("#displayLargeImage").find("img");
        var link = $("#displayLargeImage").find("a");
        $("#getHeight").attr("src", newUrlLarge).one("load",function(){
            var newHeight = $(this).height();

            $("#displayLargeImage").animate({
                height: newHeight
            }, 500);

            img.fadeOut("fast", function () {
                $(this).attr("src", newUrlLarge).fadeIn();
            });

            link.attr("href", newUrlFancybox);
        });
    });
}


function interTyreShowWithAuto(url) {
	$.fancybox({
            'href' : url,
            'autoDimensions' : true
            /*'width' : 960,
            'height' : 800 */
		}
	);
}