/* thanks to John Resig and team www.jquery.com */
$(document).ready(function()
{	
    /* button mouseover effect */
    $('.hover').hover(
        function() {
            var name = $(this).attr('alt');
            $(this).attr('src', '/img/' + name + '-hover.png');
			
        },
        function() {
            var name = $(this).attr('alt');
            $(this).attr('src', '/img/' + name + '.png');
			
        }
        );
	
    $("#jewel_options").corner();

    $(".jewel").corner();
	
    $(".hider").click(
        function() {
            $(".hidable").slideToggle("slow");
            return false;
        }
        );
	
    $("#nav a").hover(
        function() {
            $(this).next("em").animate({
                opacity: "show",
                top: "-75"
            }, "slow");
        },
        function() {
            $(this).next("em").animate({
                opacity: "hide",
                top: "-85"
            }, "fast");
        }
        );
	
    $("input, textarea").focus(
        function() {
            $(this).css("border", "1px solid #aaa");
        }
        );
	
    $("input, textarea").blur(
        function() {
            $(this).css("border", "1px solid #ccc");
        }
        );
	
    $(".captcha").click(
        function() {
            $(this).attr('src', '/users/captcha_image/?' + Math.random());
        }
        );
	
    /* category & sort */
    $("#jewel_options select#category, #jewel_options select#sort").change(function() {
        var category = $("select#category option:selected").val();
        var sort = $("select#sort option:selected").val();
        window.location.href = "/jewels/index/" + category + "/" + sort;
    });

    /* search */
    $("#jewel_options input#search").keypress(function(event) {
        if(event.keyCode == '13') {
            $("#jewel_options .search form input").val($(this).val());
            $("#jewel_options .search form").submit();
        }
    });

    /* simplemodal - BIG THANKS to Eric Martin - http://ericmmartin.com */
    $('a.confirm').click(function (e) {
        e.preventDefault();
        var target = this.href;
        $('#confirm').modal({
            close:false,
            position: ["20%",],
            overlayId:'confirmModalOverlay',
            containerId:'confirmModalContainer',
            onShow: function (dialog) {
                dialog.data.find('.yes').click(function () {
                    window.location = target;
                    $.modal.close();
                });
            }
        });
    });
	
    /* elastic textareas, thanks to http://www.unwrongest.com/projects/elastic */
    $("textarea").elastic();
	
    var x = (window.screen.width / 2) + 320 + 15;
    $("#admin_menu").css("left", x);

    $('#mark_all_container input').change(function() {
        var checked = $('#mark_all_container input:checked').length;
        $('.admin_table input.mark').attr('checked', checked);
    });

    $("input#LayoutFont-color").ColorPicker({
        onSubmit: function(hsb, hex, rgb, el) {
            $(el).val('#' + hex);
            $(el).ColorPickerHide();
        },
        onBeforeShow: function() {
            $(this).ColorPickerSetColor(this.value);
        },
        onShow: function(colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function(colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function(hsb, hex, rgb) {
            $("body, input, textarea, select, form button").css("color", '#' + hex);
        }
    }).bind('keyup', function(){
        $(this).ColorPickerSetColor(this.value);
    });
        
    $("input#LayoutLink-color").ColorPicker({
        onSubmit: function(hsb, hex, rgb, el) {
            $(el).val('#' + hex);
            $(el).ColorPickerHide();
        },
        onBeforeShow: function() {
            $(this).ColorPickerSetColor(this.value);
        },
        onShow: function(colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function(colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function(hsb, hex, rgb) {
            $("a").css("color", '#' + hex);
        }
    }).bind('keyup', function(){
        $(this).ColorPickerSetColor(this.value);
    });
        
    $("input#LayoutHeadlines-font-color").ColorPicker({
        onSubmit: function(hsb, hex, rgb, el) {
            $(el).val('#' + hex);
            $(el).ColorPickerHide();
        },
        onBeforeShow: function() {
            $(this).ColorPickerSetColor(this.value);
        },
        onShow: function(colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function(colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function(hsb, hex, rgb) {
            $("h1, h2, h3, h4, h5, h6").css("color", '#' + hex);
        }
    }).bind('keyup', function(){
        $(this).ColorPickerSetColor(this.value);
    });
        
    $("input#LayoutBackground-color").ColorPicker({
        onSubmit: function(hsb, hex, rgb, el) {
            $(el).val('#' + hex);
            $(el).ColorPickerHide();
        },
        onBeforeShow: function() {
            $(this).ColorPickerSetColor(this.value);
        },
        onShow: function(colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function(colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function(hsb, hex, rgb) {
            $("body").css("background-color", '#' + hex);

        }
    }).bind('keyup', function(){
        $(this).ColorPickerSetColor(this.value);
    });

    $("input#LayoutContent-background-color").ColorPicker({
        onSubmit: function(hsb, hex, rgb, el) {
            $(el).val('#' + hex);
            $(el).ColorPickerHide();
        },
        onBeforeShow: function() {
            $(this).ColorPickerSetColor(this.value);
        },
        onShow: function(colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function(colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function(hsb, hex, rgb) {
            $("#main").css("background-color", '#' + hex);
            $("form#LayoutAddForm input, form#LayoutAddForm select, form#LayoutAddForm button").css("background-color", '#' + hex);
        }
    }).bind('keyup', function(){
        $(this).ColorPickerSetColor(this.value);
    });

    $("select#LayoutFont-family").change(function() {
        var font_family = $("select#LayoutFont-family option:selected").val();
        $("body, input, textarea, select, form button").css("font-family", font_family);
    });

    $("input#LayoutFont-size").change(function() {
        $("body, input, textarea, select, form button").css("font-size", $(this).val());
    });

    $("select#LayoutHeadlines-font-family").change(function() {
        var font_family = $("select#LayoutHeadlines-font-family option:selected").val();
        $("h1, h2, h3, h4, h5, h6").css("font-family", font_family);
    });

    $(".jqzoom").jqzoom({
        position: 'left',
        zoomWidth: 300,
        zoomHeight: 300,
        zoomType: 'reverse',
        imageOpacity: 0.4,
        showEffect: 'fadein',
        hideEffect: 'fadeout',
        fadeoutSpeed: 'medium',
        preloadText: 'lade Zoom'
    });

});

