var cityLayer = {
	visibility : false,
	show : function(){
		this.visibility=true;
		jQuery("#citylayer").show();
	},
	hide : function(){
	
	},
	showClass1 : function(){
		var _html = '<div class="citylayer_m" id=all_city>'; 
		_html+='<div class="cityl_bar"><div class="city_close">';
		_html+='<a href="javascript:void(0);" onclick="jQuery(\'#citylayer\').hide();">';
		_html+='<img src="http://main.tianya.cn/focus/images/dot_close.gif" border="0" align="absmiddle" /> 关闭</a></div></div>';
		
		//_html+='<div class="cl_m2">';
		
		//_html+='<p><a href="http://www.tianya.cn/city/index.shtml">城市首页</a></p>';
		//_html+='<p><a href="'+_cityItemCreateUrlByValue("5026")+'">城市广场</a></p>';
		
		//_html+='<div class="clear"></div></div>';
		
		//_html+='<div class="cityl_bar"><h2>地区</h2></div>';
		_html+='<div class="cl_m">';
		
		for(var i=0,l=_cityItemSelectDataSet.length;i<l;i++){
			var vo = _cityItemSelectDataSet[i];
			if(vo.id<35){
				_html+='<p><a href="javascript:void(0);" onclick="cityLayer.showClass2('+vo.id+');">'+vo.c1+'</a></p>';
			}
		}
                 _html+='<p><a href="javascript:void(0);" onclick="cityLayer.showClass2(35);">海外</a></p>';
		_html+='<div class="clear"></div></div><div class="cl_m">';
		
		//_html+='<p><a href="javascript:void(0);" onclick="cityLayer.showClass2(35);">海外</a></p>';
		_html+='<div class="clear"></div></div></div>';
		jQuery("#citylayer").html(_html);
		
	},
	showClass2 : function(class1Id){
		var _html = '<div class="citylayer_m" id=all_city>'; 
		_html+='<div class="cityl_bar"><h2>';
		var vo = null;
		for(var i=0,l=_cityItemSelectDataSet.length;i<l;i++){
			vo = _cityItemSelectDataSet[i];
			if(vo.id==class1Id){
				break;
			}
		}
		_html+=vo.c1;
		_html+='<span>[ <a href="javascript:void(0);" onclick="cityLayer.showClass1();">返回查看全部地区</a> ]</span></h2>';
		_html+='<div class="city_close">';
		_html+='<a href="javascript:void(0);" onclick="jQuery(\'#citylayer\').hide();"><img src="http://main.tianya.cn/focus/images/dot_close.gif" border="0" align="absmiddle" /> 关闭</a>';
		_html+='</div></div><div class="cl_m2">';
		var c2L = vo.c2;
		for(var i=0,l=c2L.length;i<l;i++){
			var _c2o=c2L[i];
			_html+='<p><a href="'+_cityItemCreateUrlByValue(_c2o.v)+'">'+_c2o.n+'</a></p>';
		}
		_html+='<div class="clear"></div></div></div>';
		jQuery("#citylayer").html(_html);
	}
};

(function() {
var subChannels = [
	{name:"社会",url:"http://news.tianya.cn/",aname:"顶部导航-社会"},
	{name:"深度",url:"http://depth.tianya.cn/",aname:"顶部导航-深度"},
	{name:"公益",url:"http://gongyi.tianya.cn/",aname:"顶部导航-公益"},
	{name:"文学",url:"http://ebook.tianya.cn/index.aspx?i=5",aname:"顶部导航-文学"},
	{name:"财经",url:"http://biz.tianya.cn/",aname:"顶部导航-财经"},
	{name:"汽车",url:"http://auto.tianya.cn/",aname:"顶部导航-汽车"},
	{name:"IT",url:"http://it.tianya.cn/",aname:"顶部导航-IT"},
	{name:"数码",url:"http://digi.tianya.cn/",aname:"顶部导航-数码"},
	{name:"女人",url:"http://lady.tianya.cn/",aname:"顶部导航-女人"},
	{name:"时尚",url:"http://fashion.tianya.cn/",aname:"顶部导航-时尚"},
	{name:"亲子",url:"http://baby.tianya.cn/",aname:"顶部导航-亲子"},
	{name:"情感",url:"http://emo.tianya.cn/",aname:"顶部导航-情感"},
	{name:"娱乐",url:"http://ent.tianya.cn/",aname:"顶部导航-娱乐"},
	{name:"星工场",url:"http://star.tianya.cn/",aname:"顶部导航-星工场"},
	{name:"体育",url:"http://sports.tianya.cn/",aname:"顶部导航-体育"},
	{name:"旅游",url:"http://travel.tianya.cn/",aname:"顶部导航-旅游"},
	{name:"图片",url:"http://pp.tianya.cn/",aname:"顶部导航-图片"},
	{name:"视频",url:"http://video.tianya.cn/",aname:"顶部导航-视频"},
	{name:"活动",url:"http://event.tianya.cn/",aname:"顶部导航-活动"},		
	{name:"体验",url:"http://try.tianya.cn/",aname:"顶部导航-体验"},
	{name:"<font color=\"#FF0000\">传媒</font>",url:"http://media.tianya.cn"},		
	{name:"世园",url:"http://expo2011.tianya.cn/",aname:"顶部导航-世园"}
	];

//var _h = '<div class="box2" style="position:relative;z-index:210;" >';
var _h = '<div class="box2" style="position:relative;" >';
_h+='<div class="topmenu topmenubg">';
for(var i=0,l=subChannels.length;i<l;i++){
	var sC = subChannels[i];
	if(i<(l-1)){
		_h+='<h5 onclick="clickPartLink(event,\'stat\',\''+sC.aname+'\');"><a href="'+sC.url+'">'+sC.name+'</a></h5>';
	}else{
		_h+='<h5 style="background:none;" onclick="clickPartLink(event,\'stat\',\''+sC.aname+'\');"><a href="'+sC.url+'">'+sC.name+'</a></h5>';
	}
}
_h+='</div>';	//end of <div class="topmenu topmenubg">

var cityItems = [
	{name:"<strong>北京</strong>",url:"http://bj.tianya.cn/",aname:"顶部导航-北京"},
	{name:"天津",url:"http://tj.tianya.cn/",aname:"顶部导航-天津"},
	{name:"<strong>上海</strong>",url:"http://sh.tianya.cn/",aname:"顶部导航-上海"},
	
	{name:"南京",url:"http://bbs.city.tianya.cn/tianyacity/articleslist/0/306.shtml",aname:"顶部导航-南京"},
	{name:"河南",url:"http://henan.tianya.cn/",aname:"顶部导航-河南"},
	{name:"<strong>重庆</strong>",url:"http://cq.tianya.cn/",aname:"顶部导航-重庆"},
	{name:"成都",url:"http://cd.tianya.cn/",aname:"顶部导航-成都"},
	{name:"西安",url:"http://xian.tianya.cn/",aname:"顶部导航-西安"},
	{name:"<strong>广东</strong>",url:"http://gd.tianya.cn/",aname:"顶部导航-广东"},
	{name:"深圳",url:"http://sz.tianya.cn/",aname:"顶部导航-深圳"},
	{name:"广州",url:"http://bbs.city.tianya.cn/tianyacity/articleslist/0/329.shtml",aname:"顶部导航-广州"},
	{name:"<strong>广西</strong>",url:"http://gx.tianya.cn/",aname:"顶部导航-广西"},
	{name:"桂林",url:"http://bbs.city.tianya.cn/tianyacity/articleslist/0/327.shtml",aname:"顶部导航-桂林"},
	{name:"湖南",url:"http://hunan.tianya.cn/",aname:"顶部导航-湖南"},
	{name:"长沙",url:"http://bbs.city.tianya.cn/tianyacity/articleslist/0/293.shtml",aname:"顶部导航-长沙"},
	{name:"<strong>海南</strong>",url:"http://club.hainan.net/",aname:"顶部导航-海南"},
	{name:"三亚",url:"http://sanya.hainan.net",aname:"顶部导航-三亚"},
	{name:"海口",url:"http://bbs.city.tianya.cn/tianyacity/articleslist/0/40.shtml",aname:"顶部导航-海口"},
        {name:"海外",url:"http://abroad.tianya.cn/",aname:"顶部导航-海外"}
	];

_h += '<div class="topmenu">';
for(var i=0,l=cityItems.length;i<l;i++){
	var cI = cityItems[i];
	_h += '<h6 onclick="clickPartLink(event,\'stat\',\''+cI.aname+'\');"><a href="'+cI.url+'">'+cI.name+'</a></h6>';
}
_h += '<h4 onclick="javascript:jQuery(\'#citylayer\').show();" style="cursor: pointer;"><a>地区<img src="http://main.tianya.cn/focus/images/dot_m.gif" width="12" height="16" border="0" align="absmiddle" /></a></h4>';
_h += '<div id="citylayer" style="display: none"></div></div>';	//end of<div class="topmenu">'
_h+='</div>';	// end of <div class="box">
document.write(_h);
cityLayer.showClass1();

var cityLayerClick = false;
jQuery(document).ready(function(){
	jQuery("#citylayer").bind("click",function(){
		cityLayerClick = true;
	});
	jQuery(document).bind("click", function(){
		if(!cityLayerClick){
			jQuery("#citylayer").hide();
		}
		cityLayerClick=true;
	});
});

})();