//Set jQuery into no conflict mode
var $jq = jQuery.noConflict();

$jq().ready(function() {
	// Sets the Kwiucks Accordion in motion
	$jq('.kwicks').kwicks({	max : 630, spacing : 10, duration:1000, easing: 'easeOutCubic'});
});
		
$jq(function(){
	// This is the CUFON FONT target. All elements are targeted individually for complete control.
   Cufon.replace('h1, .accordion-textbox h2, span.accordion-title, .business-box h2, .business-box p2, .business-box h3,  span.title , #tagline a, .homepage-box h2, .footer-widgets h4, li.sliderImage span strong, .magazine-frontpage-toolbox h3, #left-content h2, #fullwidth-content h2, #left-content h3, #fullwidth-content h3, li.widget h2.widgettitle, #modal-info-wrapper h2, #modal-info-wrapper h3, .portfolio-header  h2, a.portfolio-visit-anchor', {hover: true});
});

 $jq(document).ready(function() {	
 
	// Forced jQuery Injected Styling for the Contact Form 7 
	$jq('div.wpcf7 p:first').addClass("left");		
	$jq('div.wpcf7 p:nth-child(3)').addClass("left");		
	$jq('div.wpcf7 p:nth-child(4)').addClass("left");		
	$jq('div.wpcf7 input:last').addClass("contact-submit");
		
	//hover effect for the kwicks accordion	
	$jq('.kwicks li div.accordion-overlay').hover(		
		function(){			
			$jq(this).children('div.accordion-textbox').stop().animate({top: '200px'}, 600, 'easeOutCubic');},			
		function(){			
			$jq(this).children('div.accordion-textbox').stop().animate({top: '300px'}, 1000, 'easeOutCubic');
	});		
	
	
	$jq('.kwicks li div.accordion-overlay').hover(		
		function(){			
			$jq(this).children('span.modern-position').stop(true,true).animate({left: '-170px'}, 600);
			$jq(this).children('span.ie-position').stop(true,true).animate({left: '-34px'}, 300);
		},			
		function(){			
			$jq(this).children('span.modern-position').stop(true,true).animate({left: '-134px'}, 600);
			$jq(this).children('span.ie-position').stop(true,true).animate({left: '0px'}, 300);
	});	
	
	// Browser Specific Code to make Accordion degrade geacefully 
	if (jQuery.browser.msie) { 
		if(parseInt(jQuery.browser.version) == 8) { 
			$jq('span.accordion-title').removeClass('modern-position').addClass('ie-position'); 
		} 
	} 
	if (jQuery.browser.msie) { 
		if(parseInt(jQuery.browser.version) == 7) { 
			$jq('span.accordion-title').removeClass('modern-position').addClass('ie-position'); 
		} 
	} 	
			
	if($jq.browser.safari && parseInt($jq.browser.version.substr(0,3))<528){
	   $jq('span.accordion-title').hide(300);
	}
	
	if($jq.browser.opera) {
	   $jq('span.accordion-title').hide(300);
	}
			
	if($jq.browser.mozilla && $jq.browser.version <= "1.9") {
	   $jq('span.accordion-title').hide(300);
	}
		
		
	// hover effect for the navigation dropdown
	$jq('ul#menu li').hover(	
		function(){					
			$jq(this).children('ul').stop(true,true).slideDown(300);},		
		function(){	
			
			$jq(this).children('ul').animate({opacity: '+=0'}, 100).slideUp(300); 		
	}); 		
 
	// Hover effect for the RSS Link
	$jq('a#navigation-rss').children('span').css('opacity', 0);
	$jq('a#navigation-rss').children('span').css('display', 'block');
	$jq('a#navigation-rss').hover(
		function(){
			$jq(this).children('span').stop().fadeTo(900, 1);},
		function(){
			$jq(this).children('span').stop().fadeTo(900, 0);;
	});			
 
	// Hover effect for the default Magazine post 
	$jq('a.magazine-anchor-default').hover(	    		
			function(){				
				$jq(this).children('img').stop().animate({opacity: .5}, 600);
				},				
			function(){								
				$jq(this).children('img').stop().animate({opacity: 1}, 600);
	});
	
	// Hover effect for the Video Magazine post
	$jq('a.video-overlay-anchor').hover(			
			function(){				
				$jq(this).parent('div').parent('div').children('div').children('img').stop().animate({opacity: .6}, 600);},				
			function(){
				$jq(this).parent('div').parent('div').children('div').children('img').stop().animate({opacity: 1}, 600);	
	});	
	
	// Hover effect for the image Magazine post 
	$jq('a.image-overlay-anchor').hover(	    		
			function(){				
				$jq(this).children('img').stop().animate({opacity: .5}, 600);
				$jq(this).parent('div').children('h2').stop().animate({bottom: '0px'}, 300);},				
			function(){					
				$jq(this).children('img').stop().animate({opacity: 1}, 600);				
				$jq(this).parent('div').children('h2').stop().animate({bottom: '-20px'}, 300);
	});		
	
	// Hover effect for the Homepage widgets
	$jq('.bb-image img, .bb-video img').hover(
			function(){
				$jq(this).stop().animate({opacity:1}, 1000);
				
				},
			function(){
				$jq(this).stop().animate({opacity:1}, 1000);
	});
	
	$jq('.bb-image h2, .bb-video h2').hover(
			function(){
				$jq(this).parent('div').children('a').children('img').stop().animate({opacity:0.4}, 1000);
				},
			function(){
				$jq(this).parent('div').children('a').children('img').stop().animate({opacity:1}, 1000);
	});
		
	// Magazine Toolbox (Mini-sidebar) click Events - 				
	$jq('div.toolbox-animate h3').toggle(			
		function(){
			$jq('div.toolbox-margin').hide(500);	
			$jq('div.toolbox-animate').addClass('hide-me');       														// (1) - add class .hide-me to all child divs 
			$jq(this).parent().removeClass('hide-me');     																// (2) - remove class .hide-me on *this* div 
			$jq(this).parent().children('div.jScrollPaneContainer, div.toolbox-search-wrapper').show(300); 				// (3) - expand *this* div's ul list scrollbar styled container 
			$jq(this).parent().children('div.toolbox-bottom-corners, div.toolbox-bottom-corners2').show(300); 			// (4) - expand *this* div's bottom corners
			$jq(this).parent('div').css( {backgroundPosition: "165px -148px"} ); 										// (5) - animate background position
			$jq('div.hide-me').hide(500);},  																			// (6) - hide all .hide-me divs			
		function(){																										// (7) - callback >> hide internal ul and unhide other divs	
		$jq('div.toolbox-margin').show(500);
		$jq('div.hide-me').show(500);
		$jq(this).parent().children('div').hide(300);
		$jq(this).parent('div').css( {backgroundPosition: "165px 2px"} ); 	
	});
	
	// Controls the scroll bar in the magazine homepage (inside the toolbox)
	$jq(function(){
			$jq('.scroll-pane').jScrollPane({
				scrollbarWidth: 20
			});
		});
	
	// Onload Fades in the Magazine Toolbox
	$jq('div.magazine-frontpage-toolbox').animate({opacity: '+=0'}, 600).fadeTo(1000, 1)
	
	//Onload Fades out the Spans in the Portfolio Page 	
	$jq('a.portfolio-modal-anchor, a.portfolio-video-modal-anchor').children('span').animate({opacity: 1}, 100);
		
	// Hover effect for the Portfolio Galleria Items
	$jq('a.portfolio-modal-anchor, a.portfolio-video-modal-anchor').hover(	    		
			function(){				
				$jq(this).children('img').stop().animate({opacity: .4}, 600);
				$jq(this).children('span').stop().animate({opacity: 1, bottom: '0px'}, 300);},				
			function(){					
				$jq(this).children('img').stop().animate({opacity: 1}, 600);
				$jq(this).children('span').stop().animate({opacity: 0, bottom: '-20px'}, 600);				
	});
	

	
	
	
});

$jq(document).ready(function(){	
   //The Colourbox Modal Window is initiated here
   $jq(".portfolio-modal-anchor,.homepage-modal-anchor").colorbox({iframe:true,scrolling:false,innerWidth:950,innerHeight:560});
   $jq(".portfolio-video-modal-anchor, .homepage-video").colorbox({inline:true,innerWidth:967,innerHeight:600, href:function(){
       return $jq(this).parent().find('.video-target');
   }});
   $jq(".colourbox-image, a[rel^=lightbox]").colorbox({maxWidth:"90%", maxHeight:"90%"});
   
   //The Colorbox ONLINE custom iframes initiated here   
   $jq('a.v-banner').colorbox({iframe:true, innerWidth:510, innerHeight:620})
   $jq('a.h-banner').colorbox({iframe:true, innerWidth:750, innerHeight:290})
   $jq('a.tremor-banner').colorbox({iframe:true, innerWidth:750, innerHeight:320})
   $jq('a.double-banner').colorbox({iframe:true, innerWidth:770, innerHeight:710,})
   $jq('a.square-banner').colorbox({iframe:true, innerWidth:700, innerHeight:510,})
   $jq('a.webembed').colorbox({iframe:true,scrolling:true, innerWidth:1200, innerHeight:810,})

   //The S3 Slider is initiated here	
   if($jq('#slider').length > 0){ $jq('#slider').s3Slider({ timeOut: 8000 }); }
});