$(document).ready(function() {

// Slides Subscribe form into view
	$('#socialmedia #mailform').hide();
	$('#socialmedia #subscribe').click(function(){
		$('#socialmedia #mailform').fadeToggle();
		return false;
	});


// Handle sub-menu navigation hovers
$('#site-nav li').mouseenter(function() {
	$('#site-nav li.current-menu-ancestor > ul').hide();
	$('#site-nav li.current-menu-parent > ul').hide();
	$('#site-nav li.current-page-ancestor > ul').hide();
	$('#site-nav li.current-page-parent > ul').hide();
	
});

$('#site-nav li').mouseleave(function() {
	$('#site-nav li > ul').hide();	
	$('#site-nav li.current-menu-ancestor > ul').show();
	$('#site-nav li.current-menu-parent > ul').show();
	$('#site-nav li.current-page-ancestor > ul').show();
	$('#site-nav li.current-page-parent > ul').show();
});


$('#site-nav li ul, #site-nav li ul li').mouseleave(function() {
	$('#site-nav li > ul').hide();
});


// Filter the project listing templates
	$('#sub-header select').change(function() {
		$(this).siblings('input[type="submit"]').trigger('click');
	});
	
	
// Configure the slideshow on homepage
	$('#home #slideshow').cycle({
		timeout: 8000,
		speed: 750,
		fx: 'fade',
		pause: true
	});

	
// Project detail photo gallery
	$('#project-detail #thumbnails li a').click(function() {
		var curPhoto = $(this).children('img').attr('src').replace('116x72', '608x400');
		var curCaption = $(this).children('img').attr('alt');
		
		$('div.photo img').attr('src', curPhoto);
		$('div.photo .caption').text(curCaption);		

		if(curCaption.length == 0){
			$('div.photo .caption').hide();
		}else{
			$('div.photo .caption').show();
		}

		return false;
	});	
	
	
// Assign class name on hover to nav items
	$('#site-nav > li').hover(function() {
		$('#site-nav li.current-page-item ul').hide();
		$(this).addClass('show-subnav');
	}, function() {
		$(this).removeClass('show-subnav');
		$('#site-nav li.current-page-item ul').show();
	});
	
	
// Search/Subscribe form and placeholder switching
	$('#header input[type="text"], #socialmedia input[type="text"]').each(function() {
	    var default_value = this.value;
	    
	    $(this).focus(function() {
	    	if(this.value == default_value) {this.value = '';}
	    });
	    $(this).blur(function() {
	        if(this.value == '') {this.value = default_value;}
	    });
	});	 
	
	
// Configure the slideshows on project detail	
	$('ul.photo').cycle({
		timeout: 0,
		speed: 750,
		fx: 'fade',
		after: function(curr, next, opts) { $('.status_photo').text((opts.currSlide + 1)+' of '+ opts.slideCount); }
	});
	
// Configure the slideshows on project detail	
	$('ul.video').cycle({
		timeout: 0,
		speed: 750,
		fx: 'fade',
		after: function(curr, next, opts) { $('.status_video').text((opts.currSlide + 1)+' of '+ opts.slideCount); }
	});
	

// Pause video slideshow since it's hidden
	$('ul.video').cycle('pause');
	
	
// Send appropriate action to visible slideshow
	$('#controls li a').click(function() {
		var slideAction = $(this).parent().attr('class');
		$('ul.slides:visible').cycle(slideAction);
		return false;
	});
	
	
// Toggle media button for project details
	$('ul.media-type a').click(function() {
		var mediaType = $(this).parent().attr('class');
		
		if (mediaType == 'video') {
			var inactive = 'photo';
			
		} else {
			var inactive = 'video';
		}
		
		$('ul.media-type li.'+mediaType+', ul.'+inactive+'').hide();
		$('ul.media-type li.'+inactive+', ul.'+mediaType+'').show();
		$('ul.'+inactive+'').cycle('pause');
		$('ul.'+mediaType+'').cycle('resume');
		$('.status_'+mediaType).show();
		$('.status_'+inactive).hide();
		
		return false;
	});

// Fancybox video
	$("#listing li.video a").click(function() {
		$.fancybox({
				'padding': 0,
				'autoScale': false,
				'transitionIn': 'none',
				'transitionOut': 'none',
				'title': this.title,
				'width': 680,
				'height': 495,
				'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
				'type': 'swf',
				'swf': {
					'wmode': 'transparent',
					'allowfullscreen': 'true'
				}
			});
	
		return false;
	});


}); // End of document ready
