$(document).ready(function() {

    $('#cart_email').val('kenton' + '@' + 'firstlitewool.com');

    function updatePrice() {
    
        var color, size, price;
        color = $('#color').val();
        size = $('#size').val();
        
        if (color == '' || !color) color = 'none';
        if (size == '' || !size) size = 'none';
        
        if (color == 0 || size == 0) {
            $('#price').text( $('#price_range').val() );
            return;
        }
        
        price = prices[color][size];
        
        $('#amount').val(price);
        $('#price').text('$' + price);
    
    }
    
    function checkCart() {
    
        var color, size;
        color = $('#color').val();
        size = $('#size').val();
        
        if (color == '0' || size == '0') {
        
            if (typeof(size) == undefined) {
                alert('Please pick a color.');
            } else if (typeof(color) == undefined) {
                alert('Please pick a color.');
            } else {
                alert('Please pick a color and a size.');
            }
            
            return false;
        }
        
        return true;
    }

    $('#form').submit(checkCart);

    $('#color').change(function() {
        var $el, $sizeSelect, color, sizeChoice;
        
        $el = $(this);
        color = $el.val();
        $sizeSelect = $('#size');
        sizeChoice = $sizeSelect.val();
        $sizeSelect.html('');
        $sizeSelect.append('<option value="0">Select a size</option>');
        
        $.each(colors[color], function() {
            var size = this;
            if (size == sizeChoice) {
                $sizeSelect.append('<option value="' + size + '" selected="selected">' + size + '</option>');
            } else {
                $sizeSelect.append('<option value="' + size + '">' + size + '</option>');
            }
        });

        /*        
        if (images[color] != '') {
            setProductImage(images[color]);
        }
        */
        
        updatePrice();
    });

    $('#size').change(function() {
        var $el, $colorSelect, size, colorChoice;
        
        $el = $(this);
        size = $el.val();
        $colorSelect = $('#color');
        colorChoice = $colorSelect.val();
        $colorSelect.html('');
        $colorSelect.append('<option value="0">Select a color</option>');
        
        $.each(sizes[size], function() {
            var color = this;
            if (color == colorChoice) {
                $colorSelect.append('<option value="' + color + '" selected="selected">' + color + '</option>');
            } else {
                $colorSelect.append('<option value="' + color + '">' + color + '</option>');
            }
        });
        
        updatePrice();
    });
    
    function setProductImage(img) {
    
        var $pi, $pic;
        $pi = $('#productImage');
        $pic = $('#productImageContainer');
    
        var pi = $pi.attr('src');
        var piW = 354;
        var piH = 351;
        var piA = $pi.attr('alt');
        var piID = $pi.attr('id');
        $pic.children().remove();
        $pic.append('<img src="' + img + '" width="' + piW + '" height="' + piH + '" border="0" alt="' + piA + '" title="" id="productImage" />');
        sgFixPng();
    }
    
    
            var pi = $('#productImage').attr('src');
            var piW = 354;
            var piH = 351;
            var piA = $('#productImage').attr('alt');
            var piID = $('#productImage').attr('id');
            
            $('#productImageContainer').mouseover(function() {
                //alert($(this).html());
            });
            
            $('#productColorSwatches a').hover(
                function() { 
                    $('#productImageContainer').children().remove();
                    $('#productImageContainer').append('<img src="' + $(this).attr('rel') + '" width="' + piW + '" height="' + piH + '" border="0" alt="' + piA + '" title="" id="productImage" />');
                    $(this).css('opacity',0.4);
                    sgFixPng();
                },
                function() { 
                    $('#productImageContainer').children().remove();
                    $('#productImageContainer').append('<img src="' + pi + '" width="' + piW + '" height="' + piH + '" border="0" alt="' + piA + '" title="" id="productImage" />');
                    $(this).css('opacity',100);
                    sgFixPng();
                }
            );

            
});