/* Animate links */
var fadeDuration = 150; //time in milliseconds
$(document).ready(function(){
	$('a#get-started').hover(function() {
		$(this).animate({ paddingLeft: '15px' }, fadeDuration);
	},function() {
		$(this).animate({ paddingLeft: '0px' }, fadeDuration);
	});
});

$(document).ready(function(){
	$('a.amazon-link').hover(function() {
		$(this).animate({ paddingLeft: '10px' }, fadeDuration);
	},function() {
		$(this).animate({ paddingLeft: '0px' }, fadeDuration);
	});
});

/* Portfolio thumbs fade up on mouseover */
$(document).ready(function(){
	$("#portfolio li img").fadeTo("slow", 0.8); // This sets the opacity of the thumbs to fade down to 60% when the page loads

	$("#portfolio li img").hover(function(){
		$(this).fadeTo("fast", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("normal", 0.8); // This should set the opacity back to 60% on mouseout
	});
});

/* Portfolio sorting function */
/* Modified code based on an article written by Tevor Davis at http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-filterable-portfolio-with-jquery/ */

$(document).ready(function(){

    $('#portfolio-content').before('<ul id="filter"><li class="filterby">FILTER BY:</li><li class="current"><a href="#">ALL</a></li><li><a href="#">WEB</a></li><!--<li><a href="#">CSS</a></li><li><a href="#">FLASH</a></li><li><a href="#">E-COMMERCE</a></li>--><li><a href="#">PRINT</a></li><li><a href="#">IDENTITY</a></li></ul>');  

	$('ul#filter a').click(function() {
		$(this).css('outline','none');
		$('ul#filter .current').removeClass('current');
		$(this).parent().addClass('current');
		
		var filterVal = $(this).text().toLowerCase().replace(' ','-');
			
		if(filterVal == 'all') {
			$('ul#portfolio').fadeOut('normal',function(){
			$('ul#portfolio li.hidden').removeClass('hidden');
			$('ul#portfolio').fadeIn('normal');
			});
		}
		else {
			$('ul#portfolio').fadeOut('normal',function(){
				$('ul#portfolio li').each(function() {
					if(!$(this).hasClass(filterVal)) {
						$(this).addClass('hidden');
					}
					else{
						$(this).removeClass('hidden');
					}
					$('ul#portfolio').fadeIn('normal');
				});
			});
		}
	
		
		return false;
	});
});

/* Curvy Corners */

$(function(){
				
		$('.round1').corner({
		  tl: { radius: 5 },
		  tr: { radius: 5 },
		  bl: { radius: 5 },
		  br: { radius: 5 }});
		  
		  $('.round2').corner({
		  tl: { radius: 8 },
		  tr: { radius: 8 },
		  bl: { radius: 8 },
		  br: { radius: 8 }});

});

/* Cufon Fonts */

		Cufon.replace('h3', { fontFamily: 'Museo 500' });
        Cufon.replace('h4', { fontFamily: 'Museo 300' });
        Cufon.replace('ul#portfolio li', { fontFamily: 'Museo 500' });
        Cufon.replace('p.footer-title', { fontFamily: 'Museo 500' });