/**
 * Javascript: Scripts
 * 
 * Rapid Javascript development.
 * 
 * @package WP Framework
 * @subpackage JS
 */

;(function($){
	$(document).ready(function($){
		
						   $(".fade").fadeTo("fast", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
						   $(".fade").hover(function(){
						   $(this).fadeTo("fast", 0.7);
						   // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("fast", 1.0); // This should set the opacity back to 30% on mouseout
						   });
	
	
        
	$("a[rel=thumb]").fancybox({
     
            'width'                     : '900px',
            'height'                    : '520px',
            'centerOnScroll'            : true,
            'scrolling'			: 'no',
            'titlePosition'             : 'over',
            'showCloseButton'           : false
        });
	
        $("a[rel=galerie]").fancybox({
     
            'width'                     : '900px',
            'height'                    : '520px',
            'centerOnScroll'            : true,
            'scrolling'			: 'no',
            'titlePosition'             : 'over',            
            'autoDimensions'            : 'false',
            'autoScale'                 : 'autoDimensions',
            'transitionIn'		: 'none',
            'transitionOut'		: 'none',
            'showCloseButton'           : false
        });
        
		
	$('.btn_acasa').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});	
	  
	$('.btn_webdesign').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});
	
	$('.btn_blog').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});
	
	$('.btn_sport').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});	
	
	$('.btn_fotografie').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});	
	
	$('.btn_despre').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});	
	
	$('.btn_contact').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});		
	
	$('.btn_mele').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});	
	
	$('.btn_inspiratie').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});
	
	$('.btn_grafica').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});		
	
	
	$('.btn_life').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	
	});		
	});
})(jQuery);