// 媒体标签
var MediaLabel=null;
// 当前数字
var CurNumber=0;
// 媒体计数器
var MediaTimer=null;
// 图像媒体数组
var MediaImages=new Array();
// 动画
var MediaImageCartoon=null;


// 媒体图像
function MediaImage()
{
    this.Url="#";
    this.Clew="";
    this.Img=new Image(); 
}

// 播放
function OnImagePlayerPlay()
{
    try
    { 
        MediaTimer=setInterval('ImagePlaying()',MediaImageCartoon.ChangeMillisecond);
    } 
    catch(e){} 
}
// 播放
function ImagePlaying()
{
    try
    { 
        if(CurNumber==MediaImages.length)
        {
            CurNumber=0; 
        } 
        MediaLabel.filters["revealTrans"].transition=23;
        MediaLabel.filters["revealTrans"].apply();
        MediaLabel.src=MediaImages[CurNumber].Img.src;
        MediaLabel.filters["revealTrans"].play();
        MediaLabel.title=MediaImages[CurNumber].Clew;
        document.all["IPLink"].href=MediaImages[CurNumber].Url;
        for(var i=0;i<MediaImages.length;i++)
        {
             if(i==CurNumber) 
             {
                document.all["IPBtn"+i].style.borderLeft="#ffffff solid 1px"; 
                document.all["IPBtn"+i].style.borderRight="#ffffff solid 1px"; 
                document.all["IPBtn"+i].style.backgroundColor="#FF0000";
             } 
             else
             {
                document.all["IPBtn"+i].style.borderLeft="#8C8281 solid 1px"; 
                document.all["IPBtn"+i].style.borderRight="#8C8281 solid 1px"; 
                document.all["IPBtn"+i].style.backgroundColor="#180604";
             }  
        } 

    } 
    catch(e){} 
    finally
    {  
        CurNumber+=1; 
    } 
}
// 播放
function OnImagePlayerStop()
{
    try
    { 
        clearInterval(MediaTimer); 
    }
    catch(e){}  
}

// 调转地址
function GoUrl(url)
{
    open(url);
}

// 图片播放器
function ImagePlayer(width,height)
{

    try
    { 
        this.Cartoon=new Object();
        this.Cartoon.TransitionMillisecond=1000;
        this.Cartoon.ChangeMillisecond=3000;
        MediaImageCartoon=this.Cartoon;
        var btnHeight=14; 
        var player='<table bgcolor="#000000" border="0" cellspacing="0" cellpadding="0"  width="'+width+'" height="'+height+'">'; 
        player+='<tr><td>'; 
        player+='<a id="IPLink" href="#" target="_blank"><img id="IPLabel"  name="IPLabel" style="filter:revealTrans(transition='+MediaImageCartoon.TransitionMillisecond+');cursor:hand;position:relative;z-index:0; left: 0px; top: 0px;BORDER: #707070 1px solid;" onMouseOver="OnImagePlayerStop()" onMouseOut="OnImagePlayerPlay()" width="'+width+'" height="'+height+'" GALLERYIMG="false"></a>';
        player+='</td></tr>'; 
        player+='<tr>';
        player+='<td id="IPBtnTd" align="right" heigth="12" style="position:relative;z-index:1; left: 0px; top:-13px;">';
        player+='</td>';
        player+='</tr>'
        player+='</table>'; 
        document.write(player);
        // 媒体播放标签
        MediaLabel=document.all["IPLabel"];
    }
    catch(e){}
      
    // 增加图片
    this.AddImage=function(mediaImage)
    {
        try
        {  
            MediaImages[MediaImages.length]=mediaImage;
        }  
        catch(e){} 
    }   
    
    // 播放
    this.Play=function()
    {
       try
       {
            if(MediaImages.length>0)
            {
            
                MediaLabel.src=MediaImages[0].Img.src;
                MediaLabel.title=MediaImages[0].Clew;
                document.all["IPLink"].href=MediaImages[0].Url;
                
               CurNumber=1;
                var btnLabel=document.all["IPBtnTd"]; 
                var btns='<table border="0" cellspacing="0" cellpadding="0"><tr>';
                var num=0; 
                var btn=new IPButton(); 
                for(var i=0;i<MediaImages.length;i++)
                {
                    num+=1; 
                    btns+='<td>';
                    if(i==0)
                    {
                        btns+='<span id="IPBtn'+i+'" onclick="OnIPBtnClick('+i+')" onmouseover="OnIPBtnOver('+i+')" onMouseOut="OnImagePlayerPlay()" style="'+btn.Style.On+'"><center>'+num+'</center></span>';
                    }
                    else
                    {
                        btns+='<span id="IPBtn'+i+'" onclick="OnIPBtnClick('+i+')" onmouseover="OnIPBtnOver('+i+')" onMouseOut="OnImagePlayerPlay()" style="'+btn.Style.Off+'"><center>'+num+'</center></span>';
                    }
                    btns+='</td>';
                }
                btns+='</tr>';  
                btns+='</table>';  
                btnLabel.innerHTML=btns; 
            }
            OnImagePlayerPlay();
       }
       catch(e){}
    }     
}

// 当经过按钮
function OnIPBtnOver(index)
{
    try
    {
        var btn=new IPButton();  
        document.all["IPBtn"+index].style.backgroundColor="#FF0000";
        document.all["IPBtn"+index].style.borderLeft="#ffffff solid 1px"; 
        document.all["IPBtn"+index].style.borderRight="#ffffff solid 1px"; 
        for(var i=0;i<MediaImages.length;i++)
        {
             if(i!=index) 
             {
                document.all["IPBtn"+i].style.backgroundColor="#180604";
                document.all["IPBtn"+i].style.borderLeft="#8C8281 solid 1px"; 
                document.all["IPBtn"+i].style.borderRight="#8C8281 solid 1px"; 
             }  
        } 
        CurNumber=index;
        MediaLabel.src=MediaImages[CurNumber].Img.src;
        MediaLabel.title=MediaImages[index].Clew;
        document.all["IPLink"].href=MediaImages[index].Url;
        OnImagePlayerStop(); 
    } 
    catch(e){} 
}

// 按钮单击
function OnIPBtnClick(index)
{
    try
    {
        GoUrl(MediaImages[index].Url);
    }
    catch(e){}
}

// 按钮
function IPButton()
{
    this.Style=new Object();
    this.Style.On="WIDTH:23px;HEIGHT:12px;BACKGROUND-COLOR: #FF0000;BORDER-LEFT: #BFBFBF 1px solid;BORDER-RIGHT: #BFBFBF 1px solid;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;font-size:10px;color:#ffffff;font-weight:bold;cursor:hand;"
    this.Style.Off="WIDTH:23px;HEIGHT:12px;BACKGROUND-COLOR: #180604;BORDER-LEFT: #8C8281 1px solid;BORDER-RIGHT: #8C8281 1px solid;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;font-size:10px;color:#ffffff;font-weight:bold;cursor:hand;"
}