var _curLayoutTD=null; //当前版面单元格
var _isFisrtLoad=true;

window.onload=function()
{ 
    GetLayoutTDByLayoutNumber();
    ShowDefaultArticle(); 
    _isFisrtLoad=false;
    
    var img=document.getElementById("imgPaper"+_paperID);
    LoadImageAreas(img);
};

function TdMouseOver(td)
{
    td.className="Over";
}
function TdMouseOut(td)
{
    td.className="";
}

//显示默认文章
function ShowDefaultArticle()
{
    if(typeof(_articleID)!="undefined" && _articleID!=null && _articleID!="" && _articleID>0)
    {
        LoadArticleContent(_articleID);
    }
}

//根据版面设置当前版面单元格
function GetLayoutTDByLayoutNumber()
{
    if(typeof(_layoutNumber)!="undefined" && _layoutNumber!=null && _layoutNumber!="" && _layoutNumber>0)
    {
        var tbl=document.getElementById("tblLayout"+_paperID);
        if(tbl==null)
        {
            alert("没有可以显示的版面！");
            return;
        }
        var layoutCount=tbl.rows.length;        
        for(var i=0;i<layoutCount;i++)
        {
            var td=tbl.rows[i].childNodes[0];
            var number=td.getAttribute("LayoutNumber");
            if(number==_layoutNumber)
            {
                _curLayoutTD=td;
                break;
            }
        }
    }
}
//版面导航
function LoadLayouts(flag)
{
    if(_curLayoutTD==null)
    {
        _curLayoutTD=document.getElementById("tdLayout1");
    }
        
    var tbl=document.getElementById("tblLayout"+_paperID);
    if(tbl==null)return;
    var layoutCount=tbl.rows.length;   
    if(layoutCount==0 || _curLayoutTD==null || _curLayoutTD=="undefined")
    {
        alert("没有可导航的版面");
        return;
    }
    var curTR=_curLayoutTD.parentNode;
    
    var nextIndex=curTR.rowIndex;
    
    if(flag==-1) //尾版
    {
        nextIndex=layoutCount-1;
    }
    else if(flag==0) //首版
    {
        nextIndex=0;
    }
    else if(flag==2) //下一版
    {
        nextIndex++;
        if(nextIndex>=layoutCount)
        {
            nextIndex--;
            ShowTipOut("已经是最后一版了");
            return;
        }
    }
    else if(flag==1) //上一版
    {
        nextIndex--;
        if(nextIndex<0)
        {
            nextIndex++;                
            ShowTipOut("已经是第一版了");
            return;
        }
    }
    
    
    var nextTD=tbl.rows[nextIndex].childNodes[0];
    var number=nextTD.getAttribute("LayoutNumber");
    LoadPaperImage(number);
    LoadArticles(number);
    document.getElementById("divLayoutInfo").innerHTML="第"+number+"版 "+nextTD.getAttribute("title");
    _curLayoutTD=nextTD;
}


function ShowTipOut(str)
{
    toolTipConfig.Duration=1000;
    Tip(str);
    toolTipConfig.Duration=0;
}

function LoadArticles(layoutNumber)
{
    var url="?flag=2&paperID="+_paperID+"&layoutNumber="+layoutNumber;
    var container=document.getElementById("divArticle");
    container.innerHTML="请稍后，正在读取数据...";
    var myAjax=new MiniAjax(url,container);
    myAjax.LoadPage();
}
var _vLight=0;
var _timerID=0;

function LoadPaperImage(layoutNumber)
{
   DoLoadImage(layoutNumber);  
}



function DoLoadImage(layoutNumber)
{
    var url="?flag=3&paperID="+_paperID+"&layoutNumber="+layoutNumber;
    var container=document.getElementById("divPaperImage");    
    var myAjax=new MiniAjax(url,container);
    myAjax.LoadPage();
    
}
function OnPageLoadOk(container,result)
{

    if(result=="" || result==" ")result="";
   
    if(container.tagName=="SELECT")
    { 
        ShowPaperNumberSelect(container,result);        										        
  		
    }else{
        container.innerHTML=result;
    }
    
    
}

function MyArea(id,title,href)
{
    this.id=id;
    this.title=title;
    this.href=href
}

var _Areas=[];
function LoadImageAreas(objImg,noArea)
{  
    if(_isFisrtLoad)return;
    _Areas=[];
    var container=document.getElementById("divPaperImage");

    objImg.onmouseout=UnTip;
    objImg.className='mapper icolorFFFFFF iopacity30 iborderFF0000';
    addMapper(); 

    
    var maps =container.getElementsByTagName('map');
	var imgs = container.getElementsByTagName('img');
	for (var i=0; i<maps.length; i++) {
		for (var j=0; j<imgs.length; j++) {
			if ('#' + maps[i].name == imgs[j].getAttribute('usemap')) 
			{	
				var areas= maps[i].getElementsByTagName('area');
				for (var k=0; k<areas.length; k++) 
				{
				    _Areas.push(new MyArea(areas[k].id,areas[k].title,areas[k].getAttribute("href",2)));
				    areas[k].title="";
				    areas[k].removeAttribute("href");
				}				
			}
		}
	}
	

}

function onAreaMouseover(objArea)
{
    
    for (var k=0; k<_Areas.length; k++) 
    {
        if(_Areas[k].id==objArea.id)
        {
            Tip(_Areas[k].title);
            return;
        }
    }
}
function onAreaMouseout(objArea)
{
    //UnTip();
}
function onAreaClick(objArea)
{
    UnTip();
    var aID=0;
    for (var k=0; k<_Areas.length; k++) 
    {
        if(_Areas[k].id==objArea.id)
        {
            aID=_Areas[k].href;
            break;
        }
    }
    LoadArticleContent(aID);
}


function onSelectArea(objArea)
{
    UnTip();
    LoadArticleContent(objArea.ahref);
}



function LoadArticleContent(articleID)
{    
    if(articleID==null || articleID=="")
    {
        ShowAlert("此区域未关联文章!");
        return;
    }    
     
    var title="阅读文章："+_paperName+" [第"+_paperNumber+"期] ";
    var width="1000px";
    var height="550px";
    var url="ShowPaperArticleContent.aspx?articleID="+articleID;
    //window.open(url);
    var popWinArticle=parent.dhtmlmodal.open('layoutArticle', 'iframe', url, title, 'width='+width+',height='+height+',resize=1,center=1,scrolling=1');
    
}
var popWinLayout=null;
function ShowLayoutImages()
{
    var title="版图浏览："+_paperName+" [第"+_paperNumber+"期]";
    var width="900px";
    var height="520px";
    var url="ShowNewspaperLayoutImages.aspx?paperID="+_paperID;
    popWinLayout=parent.dhtmlmodal.open('layoutImage', 'iframe', url, title, 'width='+width+',height='+height+',resize=1,center=1,scrolling=1');
  
}

function ChangeLayout(layoutNumber,layoutTitle)
{
    
    var nextTD=document.getElementById("tdLayout"+layoutNumber);  
    if(nextTD==null)
    {
        alert("未找到版面元素！");
        return;
    } 
    
    if(popWinLayout!=null)
    {
        popWinLayout.hide();
        popWinLayout=null;
    }
    if(_curLayoutTD==nextTD)return;
   
    LoadPaperImage(layoutNumber);
    LoadArticles(layoutNumber);
    document.getElementById("divLayoutInfo").innerHTML="第"+layoutNumber+"版 "+nextTD.getAttribute("title");
    _curLayoutTD=nextTD;
    
    UnTip();
    
}

function ShowPaperImageBig()
{
    var img=document.getElementById("imgPaper"+_paperID);
    if(img==null)
    {
        alert("未找到图片元素");
        return;
    }
    
    var title="版面大图查看："+_paperName+" [第"+_paperNumber+"期]";
    var width="800px";
    var height="460px";
    var html="<Div style=\"text-align:center\"><img class=\"ImageBorder1\" src=\""+img.src.replace("_s","")+"\" /></div>";
    var popImgWin=top.dhtmlmodal.open('imgfrm', 'iframe', 'about:blank', title, 'width='+width+',height='+height+',resize=1,center=1,scrolling=1');
    //var popImgWin=parent.dhtmlmodal.open('img', 'inline', html, title, 'width='+width+',height='+height+',resize=1,center=1,scrolling=1');
    var frm="_iframe-imgfrm";
    var frmWin=document.getElementById(frm).contentWindow;
    frmWin.document.write(html);
    frmWin.document.close();
}


function ChangeYear(objSelect)
{
    var url="?flag=4&paperID="+_paperID+"&year="+objSelect.value;
    var container=document.getElementById("drpNumber");    
    var myAjax=new MiniAjax(url,container);
    myAjax.LoadPage();    
}

function ShowPaperNumberSelect(objSelect,result)
{
    objSelect.options.length=0;
    var op=document.createElement("OPTION"); 
    op.text="期数"; 
    op.value="-1"; 
    objSelect.options[objSelect.options.length]=op;

    
    var arrPapers= new Array();  	
    arrPapers=result.split(".,.");
    var arrPaper=new Array();
    for(var i=0;i<arrPapers.length;i++)
    {
        if(arrPapers[i]!="")
        {
            arrPaper=arrPapers[i].split('.|.');
            var pID=arrPaper[0];
            var pName=arrPaper[1];
            var pNumber=arrPaper[2];
            var pDate=arrPaper[3];
            
            op=new Option();//document.createElement("OPTION");
            op.value=pID;            
            op.text="第"+pNumber+"期";
            op.setAttribute("PaperName",pName);
            op.setAttribute("PaperNumber",pNumber);
            op.setAttribute("PublishedDate",pDate);
            
            objSelect.options[objSelect.options.length]=op;
        }
    }	
}

function GotoPaper(objSelect)
{
    if(objSelect.value!="-1")
        document.location="?paperID="+objSelect.value;
}