/**************************************************
 * karakuri
 **************************************************/

$(function() {
    // member images mouseover
    $(".member_image").mouseenter(function(){
        $(this).find("img").attr("src", "img/member/"+this.id+"2.png");
    }).mouseleave(function(){
        $(this).find("img").attr("src", "img/member/"+this.id+"1.png");
    });
    
    // menu images mouseover
    $(".menu_icon").mouseenter(function(){
        $(this).find("img").attr("src", "img/menu/"+this.id.split("_")[1]+"_2.png");
    }).mouseleave(function(){
        $(this).find("img").attr("src", "img/menu/"+this.id.split("_")[1]+".png");
    });
    
    $("#flickr_monaka").flickr({
        api_key: "c70891d0cd56291644592371633bbd1a",
        type: 'search',
        group_id: '1570424@N22',
        tags: 'monaka',
        sort: 'interestingness-desc',
        attr: 'class="thickbox" rel="gallery"',
        callback: applyColorbox
    });
});

function applyColorbox(ul){
   $.each($(".flickr_image"), function(){
       $(this).css("visibility", "hidden");
       $(this).load(function(){
           $(this).hide();
           $(this).css("visibility", "visible");
           $(this).fadeIn(300);
       });
   });
    
    $('a.thickbox').colorbox({
        transition:"fade",
        title: function(){
            var url = $(this).attr('id');
            var title = $(this).attr('title');
            if(title=="")
                title = "Untitled";
            //return '<a href="'+url+'" target="_blank">'+title+'(Open in flickr)</a>';
            return '<a href="'+url+'" target="_blank">Open on flickr</a>';
        }
    });
};