$(document).ready(function() {

 var tip_bre = '';

 // HOVER COLOR EFFECT !
 $('div.fnc_photo_holder a').hover(
   function () {
     if ($(this).attr("class").lastIndexOf("fnc_hover_ok") > -1) {
       $(this).stop().queue([]).animate({opacity: 0.6}, "duration: fast", "", function(){ 
         $(this).removeClass('center'); $(this).addClass('right'); 
       });
       $(this).animate({opacity: 1}, "duration: fast", "");
     }
   },
   function () {
     if ($(this).attr("class").lastIndexOf("fnc_hover_ok") > -1) {
       $(this).stop().animate({opacity: 0.6}, "duration: fast", "", function(){ 
         $(this).removeClass('right'); $(this).addClass('center'); 
       });
       $(this).animate({opacity: 1}, "duration: fast", "");
     }
   }
 );

 $('.fnc_apply_filter').click(function() {

   tip_bre = $(this).attr("href"); // options: identity, web, print, illustration, about
   var photo = '';

   // active menu
   // ---------------------------------------
   // remove all "active" classes
   $(".fnc_apply_filter").each(function(i){
     $(this).removeClass('identity_menu_active');
     $(this).removeClass('web_menu_active');
     $(this).removeClass('print_menu_active');
     $(this).removeClass('illustration_menu_active');
     $(this).removeClass('about_menu_active');
   });
                                     
   // add active class
   $(this).addClass( tip_bre + "_menu_active");
   // ---------------------------------------


   // gray every photo to default
   $("div.fnc_photo_holder a").each(function(i){
     $(this).addClass('left');
     $(this).removeClass('center');

     // remove all "hover" classes
     $(this).removeClass('fnc_hover_ok');

     // fancybox unbind
     $(this).unbind('fancybox');
   });


   // now switch to WHITE only chosen type
   $("div.fnc_photo_holder a").each(function(i){
     if ($(this).attr("class").lastIndexOf(tip_bre) > -1) {
     $(this).removeClass('left');
     $(this).addClass('center');

     // add "hover" classes
     $(this).addClass('fnc_hover_ok');

     // fancybox bind
     $(this).fancybox();
     }
   });

   return false;
 }); 


 // init first link
 $('.fnc-default-init-class').trigger("click"); 
}); 
