/*

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");
		$("img.effective-web-design").css("visibility", "visible");
		
	} else {
	
		$(".mission h1").css("visibility", "visible");
		$(".mission p").css("visibility", "visible");
		$(".content").css("visibility", "visible");
		$(".portfolio-wrapper").css("visibility", "visible");
		$(".thumb").css("visibility", "visible");
		$(".web-wrapper").css("visibility", "visible");
		$(".point").css("visibility", "visible");
		$("img.effective-web-design").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");
		$(".web-wrapper").css("opacity","0");
		$(".point").css("opacity","0");
		$("img.effective-web-design").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(){});
			$(".thumb").animate({opacity:1.0}, "slow");
			$(".web-wrapper").animate({opacity:1.0}, "slow", function(){
				$(".point").animate({opacity:1.0}, "slow");
			});
		});
		
	}
});

$(window).load(function(){
	$("img.effective-web-design").animate({opacity:1.0}, "slow");
});

$(document).ready(function(){

// Home Slider
    $('.slider').css('overflow','hidden');
    $('.slider').cycle({
		fx: 'fade',
		pause: 2,
		fit: 0,
		width: 800,
		height: 390,
		pager:  '.slider-nav'
	});
	$('.slider-nav').click(function(){
		$('.slider').cycle('pause');
	});

// Portfolio Slider
    $('.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');
	});

// Portfolio Thumbnails
	$('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});
	});
	
});