jQuery(document).ready(function() {
		// Read More Buttons
    jQuery('a.readmore').append('<span class="hover"></span>');  
           // span whose opacity will animate when mouse hovers.  
           jQuery('a.readmore').hover(  
     function() {  			 
			jQuery('.hover', this).stop().animate({ 'opacity': 0 }, 300,'easeOutSine')},  
     function() {  
           jQuery('.hover', this).stop().animate({ 'opacity': 1 }, 300, 'easeOutQuad') }); 
		   
		 // Pricing Buttons  
	 jQuery('a.pricing-buttom').prepend('<a class="phover"></a>');  
           // span whose opacity will animate when mouse hovers.  
           jQuery('a.pricing-buttom').hover(  
     function() {  
			 
			jQuery('.phover', this).stop().animate({'opacity': 0 }, 300,'easeOutSine')},  
     function() {  
           jQuery('.phover', this).stop().animate({'opacity': 1}, 300, 'easeOutQuad')});	   
		
		
		// The main menu
		 jQuery('ul.sf-menu').superfish({ 
            delay:       1000,                            // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       'slow',                          // faster animation speed 
            autoArrows:  false,                           // disable generation of arrow mark-up 
            dropShadows: false                            // disable drop shadows 
        }); 
        //Fancybox styles
			jQuery("a.example").fancybox({
				'titleShow'     : false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
			
			jQuery(".show").fancybox({
				'titleShow'		: 'false',
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade'
			});
			
			
			//Viewport
			jQuery(document).ready(function() {
				jQuery('.viewport').mouseenter(function(e) {
					jQuery(this).children('a').children('img').animate({ height: '268', left: '-20', top: '-20', width: '480'}, 100);
					jQuery(this).children('a').children('span').fadeIn(300);
				}).mouseleave(function(e) {
					jQuery(this).children('a').children('img').animate({ height: '268', left: '-20', top: '-20', width: '480'}, 100);
					jQuery(this).children('a').children('span').fadeOut(200);
				});
			});

});