$(document).ready(function(){
        $("ul.persons_list li").hover(function(){
            $(this).find("div.short").css({"display" : "block"});
        },
        function(){
            $(this).find("div.short").css({"display" : "none"});
        }
        );
        
        $("div.thumbs a").click(function(){
            $("div.big_photo img").attr("src", $(this).attr("href"));
            return false;
        });
        
        $("ul.labnav a").click(function(){
                $("ul.labnav li").removeClass("active");
                $(this).parent().addClass("active");
                $("div.stylist_info").removeClass("show");
                $("div.lab_category").removeClass("show");
                $("#"+$(this).attr("rel")).addClass("show");
                $("#"+$(this).attr("rel")+"_category").addClass("show");
                return false;
        });
        
        $("#stores_categories").change(function(){
                $(this).parent().submit();
        });
        
        var cur_category = $("ul.categories>li.active");
        
        $("ul.categories>li>a").click( function(){
            if($(this).parent().find('ul').size()>0){
                if(cur_category) {
                    cur_category.children("ul.sub").slideUp(300);
                }
                $(this).parent().children("ul.sub").slideDown(300);
                cur_category = $(this).parent();
                return false;
            }
        });
        
        $("#add_notice").click(function(){
                $("#addNotice").slideToggle('medium');
                return false;
        });
        
        $('a.item_thumb').click(function() {
                $("div.catalog-item div.preview").css({"display" : "none"});
                $("#"+$(this).attr("rel")).css({"display" : "block"});
                return false;
        });
        
        $('a.darkbox').click(function() {
                var link = $(this);
                if(!$('div.darkbox-frame').length) {
                    darkbox = $('<div class="darkbox-frame"><div class="darkbox-shadow"></div><div class="darkbox-canvas"><div class="darkbox-button"></div></div></div>').appendTo('body');
                }
                var frame = darkbox.clone().appendTo('body').addClass('darkbox-frame-on');
                var shadow = frame.find('div.darkbox-shadow').animate({opacity:0.6},300);
                var canvas = frame.find('div.darkbox-canvas');
                var button = frame.find('div.darkbox-button');
                var image = $('<img src="'+ link.attr('href') +'" alt="'+ link.attr('title') +'"/>');
                image.appendTo(canvas);
                image.load(function(){
                    var imageWidth = image.width();
                    var imageHeight = image.height();
                    var frameWidth = frame.width()-40;
                    var frameHeight = frame.height()-40;
                    if(imageWidth > frameWidth) {
                        imageWidth = frameWidth;
                        image.width(imageWidth);					
                        while(image.height() > frameHeight) {
                            image.width(imageWidth);
                            imageWidth--;
                        }
                        imageHeight = image.height();
                    }
                    if(imageHeight > frameHeight) {
                        imageHeight = frameHeight;
                        image.height(imageHeight);						
                        while(image.width() > frameWidth) {
                            image.height(imageHeight);
                            imageHeight--;
                        }
                        imageWidth = image.width();
                    }
                    canvas.addClass('darkbox-canvas-load').animate({width:imageWidth,
                                                                    marginLeft:-imageWidth/2,
                                                                    height:imageHeight,
                                                                    marginTop:-imageHeight/2},
                                                                    500,
                                                                    function() {
                                                                        canvas.addClass('darkbox-canvas-done');
                                                                        button.addClass('darkbox-button-on');
                                                                        button.addClass(navigator.platform.toLowerCase().indexOf('mac')+1?'darkbox-button-left':'darkbox-button-right');
                                                                        image.animate({opacity:1},500,function() {
                                                                                shadow.click(closer);
                                                                                button.click(closer);
                        
                                                                        });
                                                                    });
                                        });
                    var closer = function() {
                        canvas.remove();
                        shadow.animate({opacity:0},300,function() {
                            frame.remove();
                        });
                    }
                    $(document).keydown(function(e) {
                        if(e.which==27) closer();
                    });
        
                    return false;
                });

        $("#vote").submit(function(){
                if($("#vote input[name=vote_results]:checked").length > 0){
                        $.post("/vote/post/" + $("#vote input[name=vote_results]:checked").val() + "/?m=" + new Date().getTime());
                }
                else{
                        return false;
                }
        });
});