$(document).ready(function() {
	
	function checkControls($this, direction) {
		var $nextBanner = $this.prev(),
			$prevBanner = $this.next(),
			$leftControl = $this.find('#left_control'),
			$rightControl = $this.find('#right_control');
				
		if($prevBanner.length == 0) {
			$leftControl.hide();
		} else if($nextBanner.length == 0) {
			$rightControl.hide();
		}
		
		if($prevBanner.length != 0) {
			$leftControl.show();
		} else if($nextBanner.length != 0) {
			$rightControl.show();
		}
	}
	
	var $portfolioBanner = $('.portfolio_banner');
	
	if($portfolioBanner.length >= 2) {
		$portfolioControls = $portfolioBanner.find('.controls');
		
		$portfolioControls.click(function() {
			var $this = $(this),
				$bannerParent = $this.parents('.portfolio_banner'),
				$nextBanner = $bannerParent.prev(),
				$prevBanner = $bannerParent.next(),
				direction = ($this.attr('id') == 'left_control') ? 'left' : 'right';
						
			if(direction === 'right') {
				$bannerParent.fadeOut().removeClass('active');
				$nextBanner.fadeIn().addClass('active');
				var $oldBannerImages = $bannerParent.find('.portfolio_banner_images');
				var $bannerImages = $nextBanner.find('.portfolio_banner_images');
				checkControls($nextBanner, direction);
			} else {
				$prevBanner.fadeIn().addClass('active').prev().removeClass('active').fadeOut();
				var $oldBannerImages = $prevBanner.next().find('.portfolio_banner_images');
				var $bannerImages = $prevBanner.find('.portfolio_banner_images');
				checkControls($prevBanner, direction);
			}
			
			$oldBannerImages.cycle('pause');
			$bannerImages.cycle('resume');
			
		});
	}

	$('.contactForm').validate();

});

$(window).load(function() { 
	
	var $mainHeader = $('.main_header');

	$mainHeader.find(' > a > img').show();

	if($mainHeader.find('img').length > 1 && $mainHeader.find('.portfolio_banner').length == 0 && $mainHeader.find('.magazine_banner').length == 0) {
		
		$mainHeader.before('<div class="cycleNav">').cycle({ 
		    fx:     'fade', 
		    speed:  'slow', 
		    timeout: 4000, 
		   	pager:  '.cycleNav',
			pause: true
		});

	} else if($mainHeader.find('.portfolio_banner').length > 0) {
		$mainHeader.find('.portfolio_banner').each(function() {
			var $this = $(this),
				index = $this.index();
				
			$this.find('.portfolio_banner_images').before('<div class="cycleNavPortfolio" id="' + index + '" />').cycle({
				fx: 'fade',
				speed: 'slow',
				timeout: 4000,
				pager: '#' + index,
				pause: true
			});
			
			if(!$this.hasClass('active')) {
				$this.find('.portfolio_banner_images').cycle('pause');
			}
			
		});
	}
	
});