﻿
String.prototype.format = function()
{
    var args = arguments;
    return this.replace(/\{(\d+)\}/g,               
        function(m,i){
            return args[i];
        });
}


function showTab(sid,scid,hid,hcid){
    document.getElementById(sid).className="active";
    document.getElementById(hid).className="";
    document.getElementById(hcid).style.display="none";
    document.getElementById(scid).style.display="block";
}

var StartArray = new Array();

function RegisterStartLoad(startFunc) {
    StartArray.push(startFunc);
}

function startLoad() {
    for (var i = 0; i < StartArray.length; i++) {
        StartArray[i].SendRequest();
    }  
}
window.onload = startLoad;

function RegisterSBlock(bid,url,pageurl,cid,pid){
    var obj = new Object();
    obj.SendRequest=function(){
        kBlock.add(bid,url,pageurl,getDataUrl,getHtmlData,getPageUrl,getPageData,getError,cid,pid);
    }
    StartArray.push(obj);
}
function getError(o){alert("取数据错误")}

function getHtmlData(oRev,bid,cid){
    document.getElementById(cid).innerHTML = oRev.responseText;
}

function getPageData(oRev,bid,cid){
    var page = getJsonObj(oRev);
    if(page==null)
        return;
    getPager(bid,page.page,1,cid);    
}

function getPager(bid,count,page,pid){
    page = Number(page);
    count = Number(count);
    var pagecount=Math.ceil(count/15);
    var oContain = document.getElementById(pid);
    var link = "<a onclick=\"turnToPage('{0}',{1},{2},'{3}')\"  {5}>{4}</a>"
    var html = "";
    if(page>1){
        html+=link.format(bid,count,page-1,pid,"上一页","style='width:auto'");
    }
    var nStart = 1;
    var nEnd = pagecount;
    if(page>1)
        nStart = page-1;
    if(page+1<pagecount)
        nEnd = page+1;
    for(nStart;nStart<nEnd+1;nStart++){
        if(nStart==page)
            html+=link.format(bid,count,nStart,pid,nStart,"class='active'");
        else
            html+=link.format(bid,count,nStart,pid,nStart,"");    
    }     
    if(page<pagecount){
        html+=link.format(bid,count,page+1,pid,"下一页","style='width:auto'");
    }
    oContain.innerHTML = html;   
}

function turnToPage(bid,count,page,pid){
    kBlock.turnPage(bid,page);
    getPager(bid,count,page,pid); 
}

function getDataUrl(url,page){
    return url+"/"+page+".htm";
}
function getPageUrl(url){
    return url+".htm";
}


function OpenPic(url,title,desc){
    document.getElementById("pbUrl").src=url;
    document.getElementById("pbTitle").innerHTML = title;
    document.getElementById("pbDesc").innerHTML = desc;
    document.getElementById("pbBg").style.height = document.body.scrollHeight + "px";
    document.getElementById("picBox").style.display="";    
}


var focus_list = new Array();
function AddFocusPic(ti,url,big,small){
    var obj={'ti':ti,'url':url,'big':big,'small':small};
    focus_list.push(obj);
}

function ShowFocusPic(){
    var oBig = document.getElementById("bigimg");
    var bigimg='<img src="{0}" title="{1}" height="250" width="480" />';
    oBig.innerHTML=bigimg.format(focus_list[0].big,focus_list[0].ti);
    var oSmall = document.getElementById("smalllist");
    var smallItem ='<li><img onclick="ShowBigPic(\'{0}\')" src="{1}" height="51px" width="100px" title="{2}"/></li>';
    var list="";
    for(var i=0;i<focus_list.length;i++){
        var oItem=focus_list[i];
        list+=smallItem.format(i,oItem.small,oItem.ti);
    }
    oSmall.innerHTML = list;
}

function ShowBigPic(i){
    var oBig = document.getElementById("bigimg");
    var bigimg='<img src="{0}" title="{1}" height="250" width="480" />';
    oBig.innerHTML=bigimg.format(focus_list[i].big,focus_list[i].ti);
}

function lscroll(){
    var oUl = document.getElementById("smalllist");
    var left = oUl.offsetLeft ;
    //alert(left);
    if(left>=0) return;
    oUl.style.left=left+100;
}

function rscroll(){
    var oUl = document.getElementById("smalllist");
    var left = oUl.offsetLeft ;
    //alert(left);
    //if((440-left)>=oUl.offsetWidth) return;
    oUl.style.left=Number(left)-100;
}


function ShowMilestone(y,o){
    var oCurLi=o.parentNode;
    var ul=oCurLi.parentNode;
    var lis=ul.getElementsByTagName('li');
    for(var i=0;i<lis.length;i++){
        var li=lis[i];
        var oA = li.getElementsByTagName('a')[0];
        oA.className='';
        li.innerHTML='';
        li.appendChild(oA);
    }
    o.className="active";
    oCurLi.innerHTML += GetCurYear(y);
    StartMilestoneItem(y);
}

function GetMsBlock(){
    var str='<div style="margin-top:45px"><img src="../images/topImg.GIF" width="751" height="9" /><div class="text4">{0}</div><img src="../images/bomImg.GIF" width="751" height="9" /></div>';
}


function GetCurYear(y){
    return ' <div class="time">{0} 年</div><div class="arrow"><img src="../images/timeActive.GIF" width="41" height="21" /></div>'.format(y);
}

function InitMs(y){
    var ul=document.getElementById('timeLine');
    ShowMilestone(y,ul.getElementsByTagName('li')[0].getElementsByTagName('a')[0]);
    
}

function StartMilestoneItem(y){
    kSendRequset('milestone/item/{0}.htm'.format(y),OnMsItemComplete,null);
}
function OnMsItemComplete(oReq){
    document.getElementById('content').innerHTML=oReq.responseText;
}

function AddFavorite(title) {
title='调良宠物培训';
var url = 'http://www.zoolook.com.cn/new/home.htm';
if (window.sidebar) {
window.sidebar.addPanel(title, url, "");
} else if (document.all) {
try {
window.external.AddFavorite(url, title);
} catch (e) {
alert("请使用 Ctrl+D 键添加到书签项");
}
} else if (window.opera && window.print) {
alert("请使用 Ctrl+D 键添加到书签项");
return true;
} else if (window.chrome) {
alert("请使用 Ctrl+D 键添加到书签项");
}
else {
alert("您的浏览器不支持此功能");
}
}



function More(o){
    o.innerHTML='收起详情';
    o.onclick=Function("return Hide(this)");
    var oSpan = o.parentNode;
    oSpan.parentNode.getElementsByTagName("div")[0].style.display='block';
}
function Hide(o){
    o.innerHTML='查看详情';
    o.onclick=Function("return More(this)");
    var oSpan = o.parentNode;
    oSpan.parentNode.getElementsByTagName("div")[0].style.display='none';
}

var g_slide=new Object();
function ImgSlide(id){       
    this._imglist = new Array();
    this._showHtml=function(){ var html='<div class="slide3" id="imgslide"><a href="#"></a><p></p><span></span></div>'; document.write(html);};
    this._showHtml();
    this._o=document.getElementById(id);
    this._getBtn=function(i){var oA = document.createElement('a');oA.href="javascript:void(0)";oA.onclick= Function("return ShowSlide('"+id+"',"+i+")"); return oA;};
    this._getImgBox=function(){return this._o.getElementsByTagName('a')[0];};
    this._getSpan=function(){return  this._o.getElementsByTagName('span')[0];};
    this._getTitleBox=function(){return  this._o.getElementsByTagName('p')[0];};
    this._load = function(i){  
        var img=new Image();
        var oImg = this._imglist[i];
        var oImgBox = this._getImgBox();
        var oTiBox = this._getTitleBox();
        img.onload=function(){  
            oImg.ready=true;
        };
        oImg.Show = function(){           
            if(oImgBox){
                oImgBox.innerHTML="";
                oImgBox.appendChild(img);
            } 
            if(oImg.title){
                oTiBox.innerHTML=oImg.title; 
            }; 
            if(oImg.link && oImg.link!='#' && oImg.link!=''){
                oImgBox.href=oImg.link;
                oImgBox.target="_blank";
            } 
         }; 
         img.src=oImg.src;
    }
    this._setBtnStatus=function(i){var oalist = this._getSpan().getElementsByTagName('a'); for(var j=0;j<oalist.length;j++){if(i==j){oalist[j].className="active"; }else{oalist[j].className="";} }  }
    this.Add = function(ti,src,link){ var o = new Object();o.title = ti;o.src=src;o.link = link;this._imglist.push(o);};
    this.Show=function(){var oSpan = this._getSpan();for(var i=0;i<this._imglist.length;i++){this._load(i);oSpan.appendChild(this._getBtn(i));}  this.Slide(0) };
    this.Slide=function(i){ this._imglist[i].Show();this._setBtnStatus(i);}
    g_slide[id]=this; 
}

function ShowSlide(id,i){  
    g_slide[id].Slide(i);
}
