/*
 * My JQuery script
 *
 * powered by jQuery (http://www.jquery.com)
 * 
 * author: Francesco Fonte (http://ffranz.com) 
 *
 */
 
$(document).ready(function(){
		$('.php').animate({ marginLeft: '-20px' }, 5000 );
		$('.htmlcss').animate({ marginLeft: '-10px' }, 5000 );
		$('.mysql').animate({ marginLeft: '-25px' }, 5000 );
		$('.wp').animate({ marginLeft: '-35px' }, 5000 );
		$('.js').animate({ marginLeft: '-50px' }, 5000 );
		$('.ajax').animate({ marginLeft: '-90px' }, 5000 );
		$('.photoshop').animate({ marginLeft: '-100px' }, 5000 );
		$('.illustrator').animate({ marginLeft: '-110px' }, 5000 );
		
		$('ul.graphics li').mouseover(function(){
			$(this).css({'background-color' : '#3db6c1'});
		});
		$('ul.graphics li').mouseout(function(){
			$(this).css({'background-color' : '#11ADBC'});
		});
		
		$('.button-next, .button-prev').mouseover(function(){
			$(this).css({'background-color' : 'rgba(155, 151, 109, 0.3)'});
		});
		$('.button-next, .button-prev').mouseout(function(){
			$(this).css({'background-color' : 'rgba(155, 151, 109, 0.1)'});
		});
		
		$('#content .img-border img, #sub-content img, #slideshow').mouseover(function(){
			$(this).css({'-moz-box-shadow' : '0px 0px 10px #333333'}).css({'-webkit-box-shadow' : '0px 0px 10px #333333'}).css({'box-shadow' : '0px 0px 10px #333333'})
		});
		$('#content .img-border img, #sub-content img, #slideshow').mouseout(function(){
			$(this).css({'-moz-box-shadow' : '0px 0px 2px #333333'}).css({'-webkit-box-shadow' : '0px 0px 2px #333333'}).css({'box-shadow' : '0px 0px 2px #333333'})
		});
	});