$(document).ready(function() {
    $.get("/Json/GetProductImage", { s: $("#colors").val() }, function(data, t) {
        $("#photo").attr("src", data);
    });

    $('#colors').change(function() {
        $.get("/Json/GetProductImage", { s: $("#colors").val() }, function(data) {
            $("#photo").attr("src", data);
        });
    });

    $('.color').click(function(e) {
        e.preventDefault();
        $("#colors").val($(this).attr('accesskey'));
        $.get('/Json/GetProductImage', { s: $(this).attr('accesskey') }, function(data) {
            $("#photo").attr("src", data);
        });
    });

    $('.extra').click(function(e) {
        e.preventDefault();
        if ($(this).attr('accesskey').length != null) {
            $("#colors").val($(this).attr('accesskey'));
        }
        $("#photo").attr("src", $(this).children('img').attr('src').replace('_sm', '_xl'));
        $("#photoC").attr("src", $(this).children('img').attr('src').replace('_sm', '_xl'));
    });

    $('.enlarge').click(function(e) {
        e.preventDefault();
        $('#modal').css('display', 'block');
        $('#modal > div > img').attr('src', $('#photo').attr('src'));
    });

    $('.enlargeC').click(function(e) {
        e.preventDefault();
        $('#modalC').css('display', 'block');
        $('#modalC > div > img').attr('src', $('#photoC').attr('src'));
    });

    $('.colorchart').click(function(e) {
        e.preventDefault();
        $('#colorchart').css('display', 'block');
        $('#colorchart > div > img').attr('src', '/Content/Images/Modal/chart.jpg');
    });
});

$.fn.clearSelect = function() {
    return this.each(function() {
        if (this.tagName == 'SELECT')
            this.options.length = 0;
    });
}

$.fn.fillSelect = function(data) {
    return this.clearSelect().each(function() {
        if (this.tagName == 'SELECT') {
            var dropdownList = this;

            $.each(data, function(index, optionData) {
                var option = new Option(optionData.Text, optionData.Value);

                if ($.browser.msie) {
                    dropdownList.add(option);
                } else {
                    dropdownList.add(option, null);
                }
            });
        }
    });
}