<%@ Control Language="C#" %>
<%@ Import Namespace="Spaces" %>
<style type="text/css">
<!--

#ss_img_link img{

 /*width:expression(document.body.clientWidth > 150? "100%": "auto" );*/

 }
-->
</style>

<script type="text/javascript" src="<%=Globals.ApplicationPath %>/Include/slideshow.js">
</script>
<script type="text/javascript">
var timeID
var fadeStep=50	//渐显速度(ms)
function showTitle(note){
	var obj=document.getElementById('photoTitle')
	obj.style.left=event.x
	obj.style.top=event.y
	obj.innerHTML=note
	clearInterval(timeID)
	timeID=setInterval(fadeIn,5)
}

function fadeIn(){
var obj=document.getElementById('photoTitle')
	if (obj.filters.Alpha.opacity-fadeStep<100){
		obj.filters.Alpha.opacity+=fadeStep;
	}
}

function hideTitle(){
var obj=document.getElementById('photoTitle')
	clearInterval(timeID)
	obj.filters.Alpha.opacity=0;
}




</script>

<asp:Literal runat="server" ID="JsSet"></asp:Literal>



<script language="JavaScript" type="text/JavaScript">
<!--


function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function doZoom(tid,size){
		document.getElementById(tid).style.fontSize=size+'px';
	}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
MM_preloadImages('<%=Globals.GetSkinPath()%>/images/button_play_hover.gif','<%=Globals.GetSkinPath()%>/images/button_stop_hover.gif','<%=Globals.GetSkinPath()%>/images/button_next_hover.gif','<%=Globals.GetSkinPath()%>/images/button_back_hover.gif')
//-->
</script>

<div  id=divViewer ></div>
 <form id="ss_form" name="ss_form" action="" method="GET">
<table width="98%" border=0 class="partsmb fixedTable" align="center" cellpadding="0" cellspacing="4" >
   
        <tr>
            <td align="center"　class="ellipse"  >
                <div id="ss_img_div"  style=" padding:3px 3px 3px 3px;FILTER: progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=1,enabled=false);" class="PhotosViewer">
              <script> 
              function __setImage(obj)
              {
         
              var el = obj.parentElement;
	while (el!=null && el.tagName!="DIV") 
	{
		el = el.parentElement;
		
		}
		
		if(obj.offsetWidth>el.parentElement.clientWidth)
		{
		obj.style.width=el.parentElement.clientWidth+'px';
		}
		if(obj.offsetHeight>el.parentElement.clientHeight)
		{
		obj.height=el.parentElement.clientHeight+'px';
		}
              }
              function __showerrpic(obj)
              {
              //显示错误图片的处理
              }
              </script>
                            <div id="ss_img_load" style="display:none">载入中...</div>                          
                    <a id="ss_img_link"   href="javascript:ss.hotlink()"><img id="ss_img"   onLoad="__setImage(this)" onerror="__showerrpic(this)"  /> 
</a>
           </div><!--MontageHoverTileBorder-->
                <table width="98%" border="0" cellpadding="0" cellspacing="0" align="center"　 class="PicTab">
                    <tr>
                        <td height="2" colspan="6"　>
                        </td>
                    </tr>
                    <tr >
                        <td  >
                             <span  onclick="ShowAlbumPlayList()" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px;
                width: 20px; cursor: hand; padding-top: 5px; height: 15px">
                <img id="img_show_Album_list" alt="显示播放列表" height="4" src="<%=Spaces.Globals.GetSkinPath() %>/images/play/musicpaly_33.gif"
                    style="margin: 0px 0px 3px 7px" width="7" /></span></td>
                        <td >
                            <a id="A2" href="javascript:ss.next();ss.play()" onfocus="this.blur()">
                                <img src="<%=Globals.GetSkinPath()%>/Images/Album/button_back_normal.gif" width="22"
                                    height="19" name="Image3" id="Image3" onmouseover="MM_swapImage('Image3','','<%=Globals.GetSkinPath()%>/Images/Album/button_back_hover.gif',1)"
                                    onmouseout="MM_swapImgRestore()" title="暂停|播放" /></a></td>
                        <td >
                            <a id="A3" href="javascript:ss.pause()" onfocus="this.blur()">
                                <img src="<%=Globals.GetSkinPath()%>/Images/Album/button_stop_normal.gif" width="22"
                                    height="19" name="Image1" id="Image1" onmouseover="MM_swapImage('Image1','','<%=Globals.GetSkinPath()%>/Images/Album/button_stop_hover.gif',1)"
                                    onmouseout="MM_swapImgRestore()" title="停止" /></a></td>
                        <td >
                            <a id="A1" href="javascript:ss.previous()" onfocus="this.blur()">
                                <img src="<%=Globals.GetSkinPath()%>/Images/Album/button_pause_normal.gif" width="22"
                                    height="19" ame="Image2" id="Image2" onmouseover="MM_swapImage('Image2','','<%=Globals.GetSkinPath()%>/Images/Album/button_play_hover.gif',1)"
                                    onmouseout="MM_swapImgRestore()" title="前一张" /></a></td>
                        <td >
                            <a id="A4" href="javascript:ss.next()" onfocus="this.blur()">
                                <img src="<%=Globals.GetSkinPath()%>/Images/Album/button_next_normal.gif" width="22"
                                    height="19" name="Image4" id="Image4" onmouseover="MM_swapImage('Image4','','<%=Globals.GetSkinPath()%>/Images/Album/button_next_hover.gif',1)"
                                    onmouseout="MM_swapImgRestore()" title="后一张" /></a></td>
                        <td width="68%">
               <table  border="0" cellspacing="3" cellpadding="2" width="100%">
                                                              <tr>
                                                                <td width="12%" style="PADDING-RIGHT: 5px;">&nbsp;<NOBR><%=Globals.Text["Photos_Slow"] %></NOBR></td>
                                                                <td>
                                         <div   id="sdfsd" style="WIDTH: 100%;cursor:hand;behavior:url(<%=Globals.ApplicationPath %>/include/TrackBar.htc)" Min="0" Max="100" Pos="1" TrackImg="<%=Globals.ApplicationPath %>/images/speedHandle.gif">
                                                                                               <DIV 
style="WIDTH: 100%; position:relative; TOP: 10px; HEIGHT: 1px; BACKGROUND-COLOR: #4d73bb"><IMG 
height=1 src="about:blank" width=1></DIV>                       
                                      <DIV 
style="WIDTH: 100%; position:relative;TOP: 8px; HEIGHT: 1px; BACKGROUND-COLOR: #c7dcfc"><IMG 
height=1 src="about:blank" width=1></DIV>
                 
                                                                </div> 
                                                          </td>
                                                                <td style="padding-right: 5px; width: 12%;"><NOBR><%=Globals.Text["Photos_Fast"] %></NOBR></td>
                                                              </tr>
                                                            </table>
                                                
                    </td>
                    </tr>
                </table>
                
                <div id="div_album_play_list" style="display: none; margin: 2px 0px">
    <table border="0" cellpadding="0" cellspacing="0" width="98%" align="center">
        <tr>
            <td>
                <div id="album_play_list" >
                </div>
            </td>
        </tr>
    </table>
</div>
            </td>
        </tr>
   
</table>
 </form>
<script type="text/javascript">
<!--


ss.pre_update_hook = function() {
	sid=ss.current;
	title=ss.slides[sid].title;
	linkurl=ss.slides[sid].link;
	totals=ss.slides.length;
	desc=ss.slides[sid].desc;

  return;
}


if (document.images) {

  // 指定幻灯图片的显示位置
  ss.image = document.images.ss_img;


  // 指定幻灯的注释文本
  ss.textid = "ss_text";


  // 更新幻灯
  ss.update();

  // 自动播放
 ss.play();
 }

/*
 var trackBarObj = new CTrackBar("trackBar", 0, 100, 90);
trackBarObj.Create("trackBarObj");
trackBarObj.trackBarWidth=trackBarParent.clientWidth;
trackBarObj.trackBarHeight=trackBarParent.clientHeight;
function OnTrackBarChng()
{
    //document.getElementById("info").innerHTML = curTrackBar.pos+ " / " + curTrackBar.max;
}
*/
//-->
</script>

<script language="JavaScript">

function ShowAlbumPlayList()
{
var ctl_Album_play_list = document.getElementById('div_album_play_list');
		var ctl_show_Album_list = document.getElementById('img_show_Album_list');
		
		if(ctl_Album_play_list.style.display != 'none'){
			ctl_Album_play_list.style.display = 'none';
			ctl_show_Album_list.src = "<%=Spaces.Globals.GetSkinPath() %>/images/play/musicpaly_33.gif";
			ctl_show_Album_list.alt = "显示播放列表";
		}else{
			ctl_Album_play_list.style.display = '';
			ctl_show_Album_list.src = "<%=Spaces.Globals.GetSkinPath() %>/images/play/musicpaly_32.gif";
			ctl_show_Album_list.alt = "隐藏播放列表";
		}

}
var html_album_play_list = "<table style='width:100%;margin:0' >";
for (var i=0; i < ss.slides.length; i++) {

  s = ss.slides[i];
  s.target = "_blank";
  s.attr = "";

html_album_play_list += "<tr><td>"+(i+1)+".<a style='margin:0 0 0 1px' href='javascript:ss.goto_slide("+i+")' title="+s.title+">"+s.title+"</a></td></tr>";
}
html_album_play_list += "</table>";
album_play_list.innerHTML=html_album_play_list;
</script>