// JavaScript Document
$(document).ready(function() {
													 
	$(".pageTitle")
		.css("backgroundColor", "#00FF00").fadeTo(500, 0.6)
		.animate({ backgroundColor: "#00CCFF" }, 1000)
	$(".nextlink, .prevlink")
		.animate({ backgroundColor: "#FF0000" }, 1000)
		.animate({ backgroundColor: "#FFFFFF" }, 500).fadeTo(500, 0.3)
		
		$(".sitePageTitle")
		.css("display", "none");
	$(".bottomAd").fadeTo(500,0.2);

		
	$(".pageTags").fadeTo(100,0.5);
    $(function() {
        
			  $('.onecomment').cornerz({background:"#FFFFFF", corners:"tl br"})
			  $('.pageTags').cornerz({background:"#000000", corners:"tl"})     
			  $('.commenter').cornerz({background:"#000000", corners:"bl"})
		})
	$(".pagePost object").attr("width","800px").attr("height","640px");
	$(".pagePost embed").attr("width","800px").attr("height","640px");
		
	$(".pageTags")
		.hover(function() {
				$(this)					
					.animate({ backgroundColor: "#00FF33" }, 200)
					.fadeTo(500,1)
			},
			function() {
				$(this)
					.animate({ backgroundColor: "#FFFFFF" }, 600)	
					.fadeTo(500,0.5)
	});
		
	$(".nextlink")
		.hover(function() {
				$(this)					
					.fadeTo(200,1)
					.css("font-size","16px");
			},
			function() {
				$(this)
					.fadeTo(500,0.3)
					.css("font-size","11px");
	});		
	$(".prevlink")
		.hover(function() {
				$(this)					
					.fadeTo(200,1)
					.css("font-size","16px");
			},
			function() {
				$(this)
					.fadeTo(500,0.3)
					.css("font-size","11px");
	});
	$(".bottomAd")
		.hover(function() {
				$(this)					
					.fadeTo(500,1)
					.css("height","320px");
			},
			function() {
				$(this)
					.fadeTo(500,0.2)
					.css("height","40px");
	});		
	$(".onecomment")
		.hover(function() {
				$(this)
					.animate({ color: "#00FF00" }, 100)
			},
			function() {
				$(this)
					.animate({ color: "#FFFFFF" }, 100)
	});
		
	$(".pageComments")
		.hover(function() {
				$(".onecomment")
					.animate({ marginBottom: "2px" }, 100)
			},
			function() {
				$(".onecomment")
					.animate({ marginBottom: "-8px" }, 100)
	});		
		
	$("form input")
		.click(function() {
				$(this)
					.animate({ backgroundColor: "#AAAAFF" }, 200);
		})
		.hover(function() {
				$(this)
					.animate({ backgroundColor: "#CCCCFF" }, 100)
					.animate({ backgroundColor: "#00FF00" }, 200)
			},
			function() {
				$(this)
					.animate({ backgroundColor: "#FFFFFF" }, 600);	
	});
		
		
		
		
	$("form textarea")
		.click(function() {
				$(this)
					.animate({ backgroundColor: "#AAAAFF" }, 200);
		})
		.hover(function() {
				$(this)
					.animate({ backgroundColor: "#CCCCFF" }, 100)
					.animate({ backgroundColor: "#00FF00" }, 200)
			},
			function() {
				$(this)
					.animate({ backgroundColor: "#FFFFFF" }, 600);	
	});
		
		
		
		
		
	$(".sideContainer")
		.hover(function() {
			$(".pageTitle")
				.css("height","50px")
				.fadeTo(500, 1)
				.animate({ color: "#FFFFFF" }, 600)
				.animate({ backgroundColor: "#FF0000" }, 600);
			$(".postedOn")				
				.animate({ color: "#FFFFFF" }, 600);
			$(".pageInfo")
				.css("display", "block")
				.animate({ top: "50px" }, 100);
			$(".sitePageTitle")
				.show(10)				



		},function (){
			$(".pageTitle")
				.css("height","16px")
				.fadeTo(500, 0.6)
				.animate({ backgroundColor: "#00CCFF" }, 300)
				.animate({ color: "#000000" }, 300);
			$(".postedOn")				
				.animate({ color: "#000000" }, 300);
			$(".pageInfo")
				.slideUp("fast")
				.animate({ top: "16px" }, 100);
			$(".sitePageTitle")
				.hide(10)




	});
		
		

		
		
});