$(document).ready(function() {

    $(".thumbLink").click(function() {
        var thumbImage = $(this).children(":first");
        var thumbImageLarge = $(this).children(":last");
        var mainImage = $(".mainRangeImage");
        var mainImageLarge = $(".mainRangeImageLarge");

        mainImage[0].src = thumbImage[0].src;
        mainImageLarge[0].src = thumbImageLarge[0].src;

        $(".thumbnail").removeClass("selected_thumbnail");
        thumbImage.addClass("selected_thumbnail");
    });

    $(".linkSwatch").click(function() {
        var doorImageHidden = $(this).parent().parent().find(".door_image_small");

        var doorImageMain = $(".imageSampleDoor");

        doorImageMain[0].src = doorImageHidden[0].src;

        $(".selectedSwatch").removeClass("selectedSwatch").addClass("normalSwatch");
        $(this).parent().addClass("selectedSwatch");

        var data = doorImageHidden.attr("alt").split(",");

        $(".literalColourName").text(data[0]);
        $("#ctl00_MainContent_KitchenRangeDetailControl_selectedColour")[0].value = data[1];        
    });

    $(".view_large").click(function() {
        var thumbImage = $(this).children(":last");

        $.blockUI({ message: '<a href="javascript: void(0);" class="view_large_close"><img alt="click to close" src="' + thumbImage[0].src + '" /></a>',
            css: {
                padding: '3px',
                width: '',
                cursor: 'default',
                top: '0px',
                left: '0px'
            }
        });

        $('.view_large_close').attr('title', 'click to close').click($.unblockUI);
    });

        $(".view_door").click(function() {
            var doorImageHidden = $(".selectedSwatch").parent().find(".door_image_large");

            //alert(doorImageHidden.size());

            $.blockUI({ message: '<a href="javascript: void(0);" class="view_door_close">Close</a><br /><br /><img alt="" src="' + doorImageHidden[0].src + '" /><br /><a href="javascript: void(0);" class="view_door_close">Close</a>',
                css: {
                    padding: '10pt',
                    width: '',
                    cursor: 'default',
                    top: '150px',
                    left: '650px'
                }
            });

            $('.view_door_close').attr('title', 'close').click($.unblockUI);
        });

        $(".view_door_single").click(function() {
            var doorImageHidden = $(".view_door_single").find(".door_image_large");

            //alert(doorImageHidden.size());

            $.blockUI({ message: '<a href="javascript: void(0);" class="view_door_close">Close</a><br /><br /><img alt="" src="' + doorImageHidden[0].src + '" /><br /><a href="javascript: void(0);" class="view_door_close">Close</a>',
                css: {
                    padding: '10pt',
                    width: '',
                    cursor: 'default',
                    top: '150px',
                    left: '650px'
                }
            });

            $('.view_door_close').attr('title', 'close').click($.unblockUI);
        });

    $(".view_layout").click(function() {
        //        $.blockUI({ message: '<img alt="kitchen layout" src="Resources/KitchenCollectionCatalog/KitchenType/MainImages/contemporary.jpg" /><br /><a href="javascript: void(0);" class="view_layout_close">Close</a>',
        //            css: {
        //                padding: '5pt',
        //                width: '',
        //                top: '20%'
        //            }
        //        });

        $('.view_layout_close').attr('title', 'close').click($.unblockUI);
    });
});