/*

jQuery functions for simplesquare.com
Date: July 2010

*/

// Fade in of page elements not allowed for IE users because of antialiasing issues with font
$(function() {
	if ( $.browser.msie ){

		$(".mission h1").css("visibility", "visible");
		$(".mission p").css("visibility", "visible");
		$(".content").css("visibility", "visible");
		$(".portfolio-wrapper").css("visibility", "visible");
		$(".thumb").css("visibility", "visible");
		
	} else {
	
		//$(".loader").css("visibility", "visible");
		$(".mission h1").css("visibility", "visible");
		$(".mission p").css("visibility", "visible");
		$(".content").css("visibility", "visible");
		$(".portfolio-wrapper").css("visibility", "visible");
		$(".thumb").css("visibility", "visible");
	
		$(".mission h1").css("opacity","0");
		$(".mission p").css("opacity","0");
		$(".content").css("opacity","0");
		$(".portfolio-wrapper").css("opacity","0");
		$(".thumb").css("opacity","0");
		$("img.hover").css("opacity","0");
		
		$(".mission h1").animate({opacity:1.0}, "slow");
		$(".mission p").animate({opacity:1.0}, "slow");
		$(".content").animate({opacity:1.0}, "slow");
		
		$(window).load(function(){
			$(".portfolio-wrapper").animate({opacity:1.0}, "slow", function(){
				//$(".loader").css("visibility", "hidden");
			});
			$(".thumb").animate({opacity:1.0}, "slow");
		});
		
	}
});

// Slideshow
$(document).ready(function() {
    $('.portfolio-wrapper').css('overflow','hidden');
    $('.portfolio').cycle({
		fx: 'fade',
		prev: '#prev',
		next: '#next'
	});
	$('.portfolio-wrapper').hover(function(){
		$('li#prev').animate({left:'0px'},{queue:false,duration:200});
		$('li#next').animate({right:'0px'},{queue:false,duration:200});
		$('div.overlay').animate({top:'0px'},{queue:false,duration:200});
	}, function() {
		$('li#prev').animate({left:'-160px'},{queue:false,duration:200});
		$('li#next').animate({right:'-160px'},{queue:false,duration:200});
		$('div.overlay').animate({top:'450px'},{queue:false,duration:200});
	});
	$('#prev').click(function(){
		$('.portfolio').cycle('pause');
	});
	$('#next').click(function(){
		$('.portfolio').cycle('pause');
	});
});

// Thumbnail hover
$(function() {
	$('ul.hover-block li').hover(function(){
		$(this).find('img.hover').animate({top:'0px'},{queue:false,duration:200});
		$(this).find('img.hover').animate({opacity:1.0},{queue:false,duration:200});
	}, function(){
		$(this).find('img.hover').animate({top:'180px'},{queue:false,duration:200});
		$(this).find('img.hover').animate({opacity:0},{queue:false,duration:200});
	});
});