$(document).ready(function(){

    $("#flickrmenu img.arrow").click(function(){

        $("span.head_menu").removeClass('active');

        submenu = $(this).parent().parent().find("div.sub_menu");

        if(submenu.css('display')=="block"){
            $(this).parent().removeClass("active");
            //submenu.hide();
            submenu.fadeOut();
            $(this).attr('src','/media/widget/menu/images/arrow_hover.png');
        }else{
            $(this).parent().addClass("active");
            submenu.fadeIn();
            $(this).attr('src','/media/widget/menu/images/arrow_select.png');
        }

        $("div.sub_menu:visible").not(submenu).hide();
        $("#flickrmenu img.arrow").not(this).attr('src','/media/widget/menu/images/arrow.png');

    })
    .mouseover(function(){
        $(this).attr('src','/media/widget/menu/images/arrow_hover.png');
    })
    .mouseout(function(){
        if($(this).parent().parent().find("div.sub_menu").css('display')!="block"){
            $(this).attr('src','/media/widget/menu/images/arrow.png');
        }else{
            $(this).attr('src','/media/widget/menu/images/arrow_select.png');
        }
    });

    $("#flickrmenu span.head_menu").mouseover(function(){
        $(this).addClass('over')
        })
    .mouseout(function(){
        $(this).removeClass('over')
    });

    $("#flickrmenu div.sub_menu").mouseover(function(){
        $(this).fadeIn();
    })
    .blur(function(){
        //$(this).hide();
        $(this).fadeOut();
        $("span.head_menu").removeClass('active');
    });

    $(document).click(function(event){
        var target = $(event.target);
        if (target.parents("#flickrmenu").length == 0) {
            $("#flickrmenu span.head_menu").removeClass('active');
            $("#flickrmenu div.sub_menu").hide();
            $("#flickrmenu img.arrow").attr('src','/media/widget/menu/images/arrow.png');
        }
    });
});