var j$ = jQuery.noConflict();

j$(function(){
		
	j$('#sub-cat-wrap .sub-cat-ul div#one').hover(function(){
	j$('#one .one').stop().animate({
		opacity: .85
		}, 1000, function(){
		});
	j$('.comic-sub-grade-one').stop().animate({
		opacity: .0
		}, 1000, function(){
		});
	}, function(){
		j$('#one .one').stop().animate({
		opacity: 0.0
		}, 1000, function(){
		});
		j$('.comic-sub-grade-one').stop().animate({
		opacity: 1.0
		}, 1000, function(){
		});

	});
	
	
		
	j$('#sub-cat-wrap .sub-cat-ul div#two').hover(function(){
	j$('#two .two').stop().animate({
		opacity: .85
		}, 1000, function(){
		});
	j$('.comic-sub-grade-two').stop().animate({
		opacity: .0
		}, 1000, function(){
		});
	}, function(){
		j$('#two .two').stop().animate({
		opacity: 0.0
		}, 1000, function(){
		});
		j$('.comic-sub-grade-two').stop().animate({
		opacity: 1.0
		}, 1000, function(){
		});

	});
	
	
	j$('#sub-cat-wrap .sub-cat-ul div#three').hover(function(){
	j$('#three .three').stop().animate({
		opacity: .85
		}, 1000, function(){
		});
	j$('.comic-sub-grade-three').stop().animate({
		opacity: .0
		}, 1000, function(){
		});
	}, function(){
		j$('#three .three').stop().animate({
		opacity: 0.0
		}, 1000, function(){
		});
		j$('.comic-sub-grade-three').stop().animate({
		opacity: 1.0
		}, 1000, function(){
		});

	});	
		
	j$('#sub-cat-wrap .sub-cat-ul div#four').hover(function(){
	j$('#four .four').stop().animate({
		opacity: .85
		}, 1000, function(){
		});
	j$('.comic-sub-grade-four').stop().animate({
		opacity: .0
		}, 1000, function(){
		});
	}, function(){
		j$('#four .four').stop().animate({
		opacity: 0.0
		}, 1000, function(){
		});
		j$('.comic-sub-grade-four').stop().animate({
		opacity: 1.0
		}, 1000, function(){
		});

	});	










});


/*j$(function(){
	j$('.about a').click(function(){
		j$('#about').slideDown(750);
	});
	
	j$('#about-content p a').click(function(){
		j$('#about').slideUp(750);
	});
	
	j$('.contact a').click(function(){
		j$('#contact').slideDown(750);
	});
	
	j$('#contact-content p a').click(function(){
		j$('#contact').slideUp(750);
	});
	
});

	
/* ------------WRAPPER WIDTH-------------
	var posts = j$('.post').get().length;
	var width = j$('#post-wrapper');
	j$('#post-wrapper').css("width", posts * 469);
	


 ------------CONTENT SCROLL------------- 
	j$('a#next').click(function(){
		var nPosts = posts - 2;
		var xPosts = nPosts * 469;
		var LeftMargin = j$('#post-wrapper').css('left');
		var xMargin = parseFloat(LeftMargin, 10);
		var posMargin = Math.abs(xMargin);
		if (xPosts == posMargin || j$('#post-wrapper').is(':animated')) {
					//$('a#next').css('color', '#ccc');
					return false;
				}else {
			var el = j$('#post-wrapper').css('left');
			var nLeft = parseFloat(el, 10);
		//	$('a#prev').css('color', 'black');
			j$('#post-wrapper').animate({
				left: nLeft - 469 + 'px'
			}, 750, 'easeOutQuint');
			return false;
		}
	});
	
	j$('a#prev').click(function(){
		var LeftMargin = j$('#post-wrapper').css('left');
		var xMargin = parseFloat(LeftMargin, 10);
		if (xMargin === 0 || j$('#post-wrapper').is(':animated')) {
				//	$('a#prev').css('color', '#ccc');
					return false;
				}else {
				var el = j$('#post-wrapper').css('left');
				var nLeft = parseFloat(el, 10);
			//	$('a#prev').css('color', 'black');
			//	$('a#next').css('color', 'black');
				j$('#post-wrapper').animate({
					left: nLeft + 469 + 'px'
				}, 750, 'easeOutQuint');
				return false;
		}
	});
	
	j$('.last-div #begin').click(function(){
				j$('#post-wrapper').animate({
					left: 0 + 'px'
				}, 750, 'easeOutQuint');
				return false;
	
	});

});*/
