var PARTNERS_ICON_IMGPATH = "../images/icon/partners/";             //合作伙伴图片路径
var PARTNERS_ICON = ["cctv","wwf","hrdep","cctvweb","cctvcom","foreedu","ef","neworiental","sohu","chnhumen"];  //合作伙伴图片名称
var PARTNERS_LINK = ["http://www.cctv.com/default.shtml","http://www.wwfchina.org/","http://www.guojihr.com/Mainpage/indeX.asp","http://www.cctv.com/default.shtml","http://www.cctv.com/default.shtml","http://www.fltrp.com/","http://www.ef.com.cn/englishfirst/default.aspx","http://www.neworiental.org/publish/portal0/","http://learning.sohu.com/","http://www.crup.com.cn/cover.html"];      //合作伙伴链接
var ICON_SUFFIX = ".gif";     //图片后缀

var NAV_IMG_PATH = "../images/home/bg/";    //中间新闻导航图片路径
var NAV_ID = ["nav_1","nav_2","nav_3","nav_4"];   //导航ID
var NAV_IMG_ON = ["nav_1_on","nav_2_on","nav_3_on","nav_4_on"];   //鼠标经过时导航图片名称
var NAV_IMG_OFF = ["nav_1_off","nav_2_off","nav_3_off","nav_4_off"];    //鼠标移出时导航图片名称

//地区列表及链接
var AREA_LIST = ["安徽","北京","福建","甘肃","广东","贵州","河北","河南","湖北","湖南","吉林","江苏","辽宁","陕西","宁夏","山东","山西","上海","深圳","四川","天津","新疆","云南","浙江","重庆"];
var AREA_LINK = ["34","11","35","62","44","52","13","41","42","43","22","32","21","61","64","37","14","31","99","51","12","65","53","33","50"];
var AREA_PREFIX = "../SaiQu/Default.aspx?area=";

//返回合作伙伴HTML
function DrawPartners(){
  var html = "";
  for(var i=0;i<PARTNERS_ICON.length;i++){
    html += "<a target='blank' href=\"" + PARTNERS_LINK[i] + "\"  ><img alt=\"\" src=\"" + PARTNERS_ICON_IMGPATH + PARTNERS_ICON[i] + ICON_SUFFIX +"\" class=\"noborder\" /></a>\r\n";
  }
  return html;
}

//返回视频列表HTML
function DrawVideoList(){
 var html = "";
 html += "<ul>\r\n";
 
 for(var i=0;i<10;i++){
   html += "  <li><div style=\"height:160px;\"><img alt=\"\" src=\"../images/home/bg/v_tmp.gif\" /><div style=\"padding-top:6px;\">“希望之星”走进十七中学</div></div></li>\r\n";
 }
 html += "</ul>\r\n";
 return html;
}

//中间新闻导航模板
function NavTemplate(){
  var html = "";
  html += "<div id=\"news_nav\" style=\"display:table;\">\r\n";
  html += "  <div id=\""+NAV_ID[0]+"_div\" class=\"fl\">"+ImgTemplate(NAV_ID[0],NAV_IMG_ON[0],"","","","")+"</div>\r\n";
  html += "  <div id=\""+NAV_ID[1]+"_div\" class=\"fl\">"+ImgTemplate(NAV_ID[1],NAV_IMG_OFF[1],"cursor",NAV_IMG_ON[1],NAV_IMG_OFF[1],NAV_ID[1])+"</div>\r\n";
  html += "  <div id=\""+NAV_ID[2]+"_div\" class=\"fl\">"+ImgTemplate(NAV_ID[2],NAV_IMG_OFF[2],"cursor",NAV_IMG_ON[2],NAV_IMG_OFF[2],NAV_ID[2])+"</div>\r\n";
  html += "  <div id=\""+NAV_ID[3]+"_div\" class=\"fl\">"+ImgTemplate(NAV_ID[3],NAV_IMG_OFF[3],"cursor",NAV_IMG_ON[3],NAV_IMG_OFF[3],NAV_ID[3])+"</div>\r\n";
  html += "</div>\r\n";
  return html;
}

//导航图片模板
function ImgTemplate(id,imgname,css,over,out,click){
  var img = "";
  img += "<img id=\""+id+"\" alt=\"\" src=\"" + NAV_IMG_PATH +imgname+".gif\" class=\"fl";
  
  if (css != "")
    img += " cursor";
    
  img += "\"";
  
  if (over != "")
    img += " onmouseover=\"SwtichNews('"+click+"');\"";
  if (out != "")
    img += " onmouseout=\"ChgLinkBg(this,'"+out+"');\"";
  if (click != "")
    img += " onclick=\"SwtichNews('"+click+"');\"";
    
  img += " />";
  
  return img;
}

//更换图片链接
function ChgLinkBg(target,imgsrc){
  target.src = NAV_IMG_PATH + imgsrc + ".gif";
}

//切换图片导航内容
function SwtichNews(showid){
  for (var i = 0; i < NAV_ID.length; i++){
    if (showid != NAV_ID[i]){
      $("#"+NAV_ID[i]+"_div").html(ImgTemplate(NAV_ID[i],NAV_IMG_OFF[i],"cursor",NAV_IMG_ON[i],NAV_IMG_OFF[i],NAV_ID[i]));
    } else {
      to_sid = i;
    }
  }
//  alert(to_sid);
  $("#"+NAV_ID[to_sid]+"_div").html(ImgTemplate(NAV_ID[to_sid],NAV_IMG_ON[to_sid],"","","",""));
  tmp(to_sid);
}

//临时功能，用于输出新闻内容，ID为导航ID
function tmp(id){
  CallServer(escape(id), "");
  return;
  switch(id){
    case 0:
      html += "<div style=\"width:550px; height:120px; display:table; padding-top:8px;\" class=\"tl\">\r\n";
      html += "  <div class=\"fl\" style=\"width:134px; margin-left:10px; display:inline;\"><img alt=\"\" src=\"../images/home/bg/tmp_1.gif\" /></div>\r\n";
      html += "  <div class=\"fl tl\" style=\"line-height:150%;\">12123132<br />2009-12-12 12:12:12</div>\r\n";
      html += "</div>\r\n";
      for (var i=0;i<4;i++){
        html += "<div style=\"display:table;\">\r\n";
        html += "  <div style=\"width:440px;\" class=\"news_list_item fl tl\">news categoryid = "+id+" news content</div>\r\n";
        html += "  <div style=\"width:120px;\" class=\"news_list_item fl tl\">news time</div>\r\n";
        html += "</div>\r\n";
      }
      break;
    case 1:
      break;
    case 2:   
        CallServer(escape(id), "");
//      html += "<div class=\"moderator\">\r\n";
//      html += "  <div class=\"moderatorheader fl\">\r\n";
//      html += "    <a href=\"#\"><img alt=\"\" src=\"../images/home/bg/tmp_header.gif\" class=\"noborder\" style=\"margin-top:6px;\" /></a>\r\n";
//      html += "  </div>\r\n";
//      html += "  <div class=\"moderatorintro fl\">\r\n";
//      html += "    <div class=\"m_name tl\">名字</div>\r\n";
//      html += "    <div class=\"m_intro tl\">文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍。</div>\r\n";
//      html += "  </div>\r\n";
//      html += "</div>\r\n";
//      html += "<div class=\"moderator\">\r\n";
//      html += "  <div class=\"moderatorheader fl\">\r\n";
//      html += "    <a href=\"#\"><img alt=\"\" src=\"../images/home/bg/tmp_header.gif\" class=\"noborder\" style=\"margin-top:6px;\" /></a>\r\n";
//      html += "  </div>\r\n";
//      html += "  <div class=\"moderatorintro fl\">\r\n";
//      html += "    <div class=\"m_name tl\">名字</div>\r\n";
//      html += "    <div class=\"m_intro tl\">文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍，文字介绍。</div>\r\n";
//      html += "  </div>\r\n";
//      html += "</div>\r\n";
//      html += "<div class=\"m_more tr\"><a href=\"../Moderator/MoreModerator.aspx\" style=\"text-decoration:underline;\">更多主持人介绍</a></div>\r\n";
      break;
    case 3:
      break;
    default:
      for (var i=0;i<4;i++){
        html += "<div style=\"display:table;\">\r\n";
        html += "  <div style=\"width:440px;\" class=\"news_list_item fl tl\">news categoryid = "+id+" news content</div>\r\n";
        html += "  <div style=\"width:120px;\" class=\"news_list_item fl tl\">news time</div>\r\n";
        html += "</div>\r\n";
      }
      break;
  }
  return html;
}

//返回地区列表HTML
function DrawAreaList(){
  var html = "";
  html += "<ul>\r\n";
  for(var i=0;i<AREA_LIST.length;i++){
    html += "  <li><a href=\"" + AREA_PREFIX + AREA_LINK[i] + "\">" + AREA_LIST[i] + "</a></li>\r\n";
  }
  html += "  <li><a href=\"http://wlsq.cctvoe.com\">网络</a></li>\r\n";
  html += "  <li><a href=\"http://www.chinabfle.org/hope/default.asp\">教师</a></li>\r\n";
  html += "  <li><span style=\"width:138px; height:38px; display:block; background-image:url('../images/home/bg/area_bg_hui.gif');\"></span></li>\r\n";
  html += "  <li><span style=\"width:138px; height:38px; display:block; background-image:url('../images/home/bg/area_bg_hui.gif');\"></span></li>\r\n";
  html += "  <li><span style=\"width:138px; height:38px; display:block; background-image:url('../images/home/bg/area_bg_hui.gif');\"></span></li>\r\n";
  html += "</ul>\r\n";
  return html;
}



function SetCss(sid){
  for(var i=1;i<9;i++){
    $("#super_"+i).css("background","none");
    $("#super_"+i).css("color","#333");    
  }
  $("#super_"+sid).css("background","url('../images/home/bg/top_nav_bg.gif') repeat-x");
  $("#super_"+sid).css("color","white");
}

function ClearSuperCss(sid){
  $("#super_"+sid).css("background","none");
  $("#super_"+sid).css("color","#333");
}