$(function(){
		   
	var width = document.body.clientWidth;
	var height = document.body.clientHeight;
	
	//$("#container,#sidebar,#header").css({ height: height })
	$("#banner").animate({ left: width*0.05+15},500);
	$("#container").animate({ left: width*0.25+50},500);
	$("#sidebar").animate({ left: width*0.5+130},500);
	$("#header").animate({ left: width*0.7+50},500);
	
	var post_first = $(".post_block").eq(0).html();
	$(".post_block").eq(0).css("display","none");
	
	$(".post-first").append(post_first);
	
	/*$("#menu ul li a").click(function(){
								var on_id = $(this).parent().attr("id");
								var on_id_ = "." + on_id;
								 $(".on").removeClass("on");
								 $(this).parent().addClass("on");
								 $(".publish").fadeTo(10,0.3);
								 $(on_id_).fadeTo(100,1)
								 })*/
	$("#menu ul li a").click(function(){
								var on_id = $(this).parent().attr("id");
								var on_id_ = "." + on_id;
								 $(".on").removeClass("on");
								 $(this).parent().addClass("on");
								 $(".cate_on").addClass("cate_off").removeClass("cate_on");
								 $(on_id_).removeClass("cate_off").addClass("cate_on");
								 })
	

function WindowResize()
{
	var width_ = document.body.clientWidth;
	var height_ = document.body.clientHeight;
	
	if(width_>1000){	
	$("#banner").animate({ left: width_*0.05+15},100);
	$("#container").animate({ left: width_*0.25+50},300);
	$("#sidebar").animate({ left: width_*0.5+130},200);
	$("#header").animate({ left: width_*0.7+50},400);	
	}
}

window.onresize=WindowResize;
		   
		   })