//判断浏览器分辨率，调用不同CSS，保证结构不变的前提令其自适应屏幕宽度
//根目录调用
$(function(){
	var css_url1024x768 = "/Views/css/1024.css";
	if(screen.width < 1200 || $(window).width() < 1200){
		$("#skin").attr("href",css_url1024x768);
	}
	$(window).resize(function(){
		if($(window).width() < 1200){
			$("#skin").attr("href",css_url1024x768);
		}else{
			$("#skin").removeAttr("href","");
		}
	});
	setTimeout(function(){goTop()},500);
})
function goTop(){
	var rollWidth = $(".grid_main").width();
		rollWidth += $(".grid_main").offset().left;
	$("#footer").after('<div id="roll"><div title="Top" class="roll_top"></div><div title="Bottom" class="fall"></div></div>');
	$(window).scroll(function(){
		if($(document).scrollTop() > 100){
			
			$("#roll").css("right", "10px")
			$("#roll").show();
			$(".roll_top").hover(function(){
				$(this).addClass("hoverClass");
			},function(){
				$(this).removeClass("hoverClass");
			});
			$(".fall").hover(function(){
				$(this).addClass("hoverClass");
			},function(){
				$(this).removeClass("hoverClass");
			});
		}else{
			$("#roll").hide();
		}	
	});	
	$('.roll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 200);});
	$('.fall').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 200);});
}