// JavaScript Document
var areaFlag = false;

$(function(){
	var $div_li =$(".tab_nav_ul li");
	$div_li.click(function(){
		$(this).addClass("hover").siblings().removeClass("hover");  //去掉其它同辈<li>元素的高?
		var index =  $div_li.index(this);  // 获取当前点击?li>元素 ?全部li元素中的索引?
		
	var type = "";
	switch(index){
		case '0':
			type = "heatshareindex";
		break;
		case '1':
			type = "yinlv";
		break;
		case '2':
			type = "yine";
		break;
		case '3':
			type = "current";
		break;
	}

		$(".rank_list")   	//选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
				.eq(index).show()   //显示 <li>元素对应?div>元素
				.siblings().hide(); //隐藏其它几个同辈?div>元素
	})	 
	
	$('.city').toggle(function(){
		$('#areaList').show();					
	},function(){
		$('#areaList').hide();
	});
	
	Overlay();
	
	$('#Feedback').click(function(){
			$('#overlay').fadeIn();
			$('#FeedBackTable').show();						  
	});
})

function Overlay(){
 	var height=$('body').height();
    var top = (windowHeight()-70)/2;
    var left = (windowWidth()-310)/2
    $('body').append('<div id="overlay" style="display:none;_width:'+windowWidth()+';height:'+height+'px"></div>');
 
    $('#overlay').css('opacity',0.7); 
	var bodyHeight = $('body').height()-500;
	$('#FeedBackTable').css({'left':left+'px','top':bodyHeight+'px'});
	//$('body').append('<div id="box" style="display:none;top:'+top+'px;left:'+left+'px"><p><img src="/images/loading.gif"  />loading</p></div>');
}

function windowHeight() {
    var de = document.documentElement;
    return self.innerHeight ||
        ( de && de.clientHeight ) ||
        document.body.clientHeight;
}

function windowWidth() {
    var de = document.documentElement;
    return self.innerWidth ||
        ( de && de.clientWidth ) ||
        document.body.clientWidth;
}

function FeedBackCancle(){
	$('#overlay').fadeOut();
	$('#FeedBackTable').hide();			
}