jQuery(document).ready(function($) {
var hoverAnim = {
	init: function() {
		var project = $('#themes li');
		var projectTxt = project.children('.hover');
		var projectInfo = project.children('.project-info');

		
		project.children('.hover').css({left: '0px'})
 		project.children().children('.hover-bg').fadeTo(1, 0.0)
		project.children().children('.themee-desc').css({left: '-250px'})
 			
		project.hover(
			function () {
				$(this).children().children('.themee-desc').css({left: '-300px'});
				$(this).children().children('.hover-bg').stop().fadeTo(600, 0.70);
				$(this).children().children('.themee-desc').stop().animate({left: '0px'} , { queue: false, duration: 250 });
				
			}, 
			function () {
				$(this).children().children('.hover-bg').stop().fadeTo(800 , 0.0);
				$(this).children().children('.themee-desc').stop().animate({left: '300px'} , { queue: false, duration: 300 });
				
			}
		);
		
	}
};
hoverAnim.init();
});