/*
/*	Dynamic design functions and onLoad events
/*	----------------------------------------------------------------------
/* 	Creates added dynamic functions and initializes loading.
*/


// ======================================================================
//
//	On document ready functions
//
// ======================================================================

jQuery(document).ready(function($) {
	
	
	// Show/Hide slide show buttons
	// -------------------------------------------------------------------
	// This will show/hide the slide show buttons for Next and Previous
	// on the jQuery Cycle plugin slide show.
	
	if ($('#CyclePlugin #Slides').length > 0) {
		// on mouse over/out functions
		if (typeof $.fn.hoverIntent == 'function') {
			$('#SlideShow').hoverIntent(function() {showSlideNav(jQuery)}, function() {hideSlideNav(jQuery)});
		} else {
			$('#SlideShow').hover(function() {showSlideNav(jQuery)}, function() {hideSlideNav(jQuery)});
		}
		// Hide on page load...
		if ($('#SlideShow-Controls')) {
			var initHideSlideNav = setTimeout("hideSlideNav(jQuery)", 1000);	// delay in milliseconds
		}
	}


	// initialize modal (fancybox)
	// -------------------------------------------------------------------
	
	// Quickly setup some special references
	// fancybox doesn't like #name references at the end of links so we find
	// them and modify the link to use a class and remove the #name.
	$('a[href$="#popup"]').addClass('zoom').each( function() {
		$(this).attr('href', this.href.replace('#popup',''));
	});
	
	// setup fancybox for YouTube
	$("a.zoom[href*='http://www.youtube.com/watch?']").each( function() {
		$(this).addClass('fancyYouTube').removeClass('zoom');
	});

	// setup fancybox for Vimeo
	$("a.zoom[href*='http://www.vimeo.com/']").each( function() {
		$(this).addClass('fancyVimeo').removeClass('zoom');
	});
	

	var overlayColor = '#2c2c2c';
	
	// fancybox - default
	//$('a.zoom').fancybox({
	//	'padding': 1,
	//	'overlayOpacity': 0.2,
	//	'overlayColor': overlayColor, 
	//	'onComplete': modalStart
	//});
	
	// fancybox - YouTube
	$('a.fancyYouTube').click(function() {
		jQuery.fancybox({
			'padding': 1,
			'overlayOpacity': 0.2,
			'overlayColor': overlayColor, 
			'onComplete': modalStart,
			'title': this.title,
			'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type': 'swf',
			'swf': {
				'wmode': 'transparent',
				'allowfullscreen'	: 'true'} // <-- flashvars
		});
		return false;
	});

	// fancybox - Vimeo	
	$("a.fancyVimeo").click(function() {
		$.fancybox({
			'padding': 1,
			'overlayOpacity': 0.2,
			'overlayColor': overlayColor, 
			'onComplete': modalStart,
			'title': this.title,
			'href': this.href.replace(new RegExp("([0-9])","i"),'moogaloop.swf?clip_id=$1'),
			'type': 'swf'
		});
		return false;
	});


	// Text and password input styling
	// -------------------------------------------------------------------
	
	// This should be in the CSS file but IE 6 will ignore it.
	// If you have an input you don't want styles, add the class "noStyle"

	$("input[type='text']:not(.noStyle), input[type='password']:not(.noStyle)").each(function(){
		$(this).addClass('textInput');
	});
	// Focus and blur style changing
	$('.textInput').blur( function() {
		$(this).removeClass('inputFocus');
	}).focus( function() {
		$(this).addClass('inputFocus');
	});
	
	
	// portfolio item height test (prevents long titles from causing gaps)
	// -------------------------------------------------------------------
	if ($('.portfolioDescription:not(.portfolioStyle-2 .portfolioDescription)').length > 0 ) {
		var pi = $('.portfolioDescription:not(.portfolioStyle-2 .portfolioDescription)');
		pi.each( function(i, val) {
			//if ($(pi[i]).parents('.portfolioStyle-2').length <= 0) {
				if (pi[i].scrollHeight > 120) {
					pi.css('height',pi[i].scrollHeight+'px');
					return false;
				}
			//}
		});
	}


	// FAQ's functionality
	// -------------------------------------------------------------------
	if ($('.faqs li').length > 0 ) {
		var faqs = $('.faqs li');
		faqs.each( function() {
			var q = $(this);
			q.children('.question').click( function() {
				q.children('div').slideToggle('fast', function() {
					// Animation complete...
				});
			});
		});
	}


	// input lable replacement
	// -------------------------------------------------------------------
	//$("label.overlabel").overlabel();

	// apply custom search input functions
	// -------------------------------------------------------------------
	searchInputEffect();
	
	// apply image icon overlays
	// -------------------------------------------------------------------
	imgIconOverlay(jQuery);

	// apply custom button styles
	// -------------------------------------------------------------------
	buttonStyles(jQuery);

});




// ======================================================================
//
//	Design functions
//
// ======================================================================


	
// Search input - custom effects for mouse over and focus.
// -------------------------------------------------------------------

function searchInputEffect() {
	$ = jQuery;
	var	searchFocus = false,
		searchHover = false,
		searchCtnr = $('#Search'),
		searchInput = $('#SearchInput'),
		searchSubmit = $('#SearchSubmit');
	// Search input - mouse events
	if (searchCtnr.length > 0) {
		searchCtnr.hover(
			function () {	// mouseover
				if (!searchFocus) $(this).addClass('searchHover');
				searchHover = true; }, 
			function () {	// mouseout
				if (!searchFocus) $(this).removeClass('searchHover');
				searchHover = false;
		}).mousedown( function() {
			if (!searchFocus) $(this).removeClass('searchHover').addClass('searchActive');
		}).mouseup( function() {
			searchInput.focus();
			searchSubmit.show();
			searchFocus = true;
		});
		// set focus/blur events
		searchInput.blur( function() {
			if (!searchHover && searchInput.val().replace(/ /gi, '') == '') {
				searchCtnr.removeClass('searchActive');
				searchSubmit.hide();
				searchFocus = false;
			}
		});
	}
}


// Functions to show and hide slide navigation controls (for cycle SS)
// -------------------------------------------------------------------

	// show slide navigation
	function showSlideNav($) {
		if ($('#SlideShow-Controls').length > 0) {
			$('#SlideShow-Controls').slideDown('fast');
		}		
	}
	// hide slide navigation
	function hideSlideNav($) {
		if ($('#SlideShow-Controls').length > 0) {
			$('#SlideShow-Controls').slideUp('fast');
		}
	}



// button styling function
// -------------------------------------------------------------------

function buttonStyles($) {
	// Button styles
	
	// This will style buttons to match the theme. If you don't want a button
	// styled, give it the class "noStyle" and it will be skipped.
	$("button:not(:has(span),.noStyle), input[type='submit']:not(.noStyle), input[type='button']:not(.noStyle)").each(function(){
		var	b = $(this),
			tt = b.html() || b.val();
		
		// convert submit inputs into buttons
		if (!b.html()) {
			b = ($(this).attr('type') == 'submit') ? $('<button type="submit">') : $('<button>');
			b.insertAfter(this).addClass(this.className).attr('id',this.id);
			$(this).remove();	// remove input
		}
		b.text('').addClass('btn').append($('<span>').html(tt));	// rebuilds the button
	});
	
	// Get all styled buttons
	var styledButtons = $('.btn');
	
	// Fix minor problem with Mozilla and WebKit rendering (can also be done adding this to CSS, 
	// button::-moz-focus-inner {border: none;}
	// @media screen and (-webkit-min-device-pixel-ratio:0) { button span {margin-top: -1px;} }
	if (jQuery.browser.mozilla || jQuery.browser.webkit) {
		styledButtons.children("span").css("margin-top", "-1px");
	}
	
	// Button hover class (IE 6 needs this)
	styledButtons.hover(
		function(){ $(this).addClass('submitBtnHover'); },		// mouseover
		function(){ $(this).removeClass('submitBtnHover'); }	// mouseout
	);
}


// Image icon overlay (hover shows icon - zoom, play, etc...)
// -------------------------------------------------------------------

function imgIconOverlay($) {

	if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 7) {
		// IE 6 sucks so the effect doesn't work at all and that's why we skip it here
		// we coluld do something different for IE 6 in this area if we wanted 
	} else {
		// This will select the items which should include the image overlays
		$("a.imgSmall:not(.noIcon), a.imgMedium:not(.noIcon), a.imgLarge:not(.noIcon), a.imgTall:not(.noIcon)").each(function(){
			var	ctnr = $(this);
			// insert the overlay image
			if (ctnr.children('img')) {
				if (ctnr.hasClass('iconPlay')) {
					ctnr.children('img').after($('<div class="imgOverlay symbolPlay"></div>'));
				} else if  (ctnr.hasClass('iconDoc')) {
					ctnr.children('img').after($('<div class="imgOverlay symbolDoc"></div>'));
				} else {
					ctnr.children('img').after($('<div class="imgOverlay symbolZoom"></div>'));
				} 
			}
			
			var overImg = ctnr.children('.imgOverlay'); 
			
			if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 9) {
				// IE sucks at fading PNG's with gradients so just use show hide
				overImg.css('visibility','hidden'); // not visible to start 
				
				ctnr.hoverIntent(
					function(){ overImg.css('visibility','visible'); },		// mouseover
					function(){ overImg.css('visibility','hidden'); }		// mouseout
				);
			} else {
				// make sure it's not visible to start 
				overImg.css('opacity',0);
				
				ctnr.hoverIntent(
					function(){ overImg.animate({'opacity':'1'},'fast'); },		// mouseover
					function(){ overImg.animate({'opacity':'0'},'fast'); }		// mouseout
				);
			}
		});
	}
	
}


// Modal after load functions
// -------------------------------------------------------------------

function modalStart() {
	// apply font replacement
	Cufon.replace('#fancybox-title-main', { fontFamily: 'Vegur' });
}


// Apply font replacement (cufon)
// -------------------------------------------------------------------
Cufon.replace('h1, h2, h3, h4, h5, h6, #fancybox-title-main', { fontFamily: 'Vegur' });
Cufon.replace('.pageTitle, #Showcase h1, #Showcase h2, #Showcase h3, #Showcase h4, #Showcase h5, #Showcase h6', { fontFamily: 'Vegur Light' });