// JavaScript Document


// For Portfolio start....................

	function portfolio(){
		$('#portfolio').find('div.portfolio_hover img').css('opacity',0);
		
		
		$('#portfolio').find('li').mouseenter(function(){
			$(this).find('div.portfolio_hover img').stop().animate({'opacity':0.7},300);
			$(this).find('div.description').stop().animate({"right": "0px"}, "slow");
		});
		$('#portfolio').find('li').mouseleave(function(){
			$(this).find('div.portfolio_hover img').stop().animate({'opacity':0},300);
			$(this).find('div.description').stop().animate({"right": "-180px"}, "slow");
		});
	}
	
// For Portfolio end....................

// For Wallpaper start....................

	function wallpaper(){
		$('#wallpaper').find('div.wallpaper_hover_image img').css('opacity',0);
		
		
		$('#wallpaper').find('li').children('div').mouseenter(function(){
			var index = $('#wallpaper').find('li').index(this);
			$(this).find('div.wallpaper_hover_image img').stop().animate({'opacity':0.7},300);
			$(this).find('div.description').stop().animate({"right": "0px"}, "slow");
		});
		$('#wallpaper').find('li').children('div').mouseleave(function(){
			var index = $('#wallpaper').find('li').index(this);
			$(this).find('div.wallpaper_hover_image img').stop().animate({'opacity':0},300);
			$(this).find('div.description').stop().animate({"right": "-180px"}, "slow");
		});	
	}
	
// For Wallpaper end....................