//Set jQuery into no conflict mode

jQuery(document).ready(function() {	

	//Onload Fades out the Spans in the Portfolio Page 	
	jQuery('a.portfolio-modal-anchor, a.portfolio-video-modal-anchor').children('span').animate({opacity: 1}, 100);
		
	// Hover effect for the Portfolio Galleria Items
	jQuery('a.portfolio-modal-anchor, a.portfolio-video-modal-anchor, a.portfolio-colourbox-image').hover(	    		
			function(){				
				jQuery(this).children('img').stop().animate({opacity: .4}, 528);
				jQuery(this).children('span').stop().animate({opacity: 1, bottom: '0px'}, 360);},				
			function(){					
				jQuery(this).children('img').stop().animate({opacity: 1}, 528);
				jQuery(this).children('span').stop().animate({opacity: 0, bottom: '-20px'}, 360);				
	});

});

jQuery(document).ready(function(){	
	
	//The Colourbox Modal Window is initiated here 	
	
	jQuery(".portfolio-video-modal-anchor").colorbox({iframe:true, innerWidth:528, innerHeight:360});
	jQuery(".homepage-video").colorbox({iframe:true, innerWidth:890, innerHeight:500}); 
	jQuery(".video-overlay-anchor").colorbox({iframe:true, innerWidth:890, innerHeight:500}); 
	jQuery(".magazine-video-colorbox").colorbox({iframe:true, innerWidth:890, innerHeight:500}); 
 

});