// JavaScript Document
var minwidth=1000;//页面最大宽度
var minheight=700;//页面最大高度
var flagshow=false;	//是否有遮照显示
var msgdiv_width;//内容层宽度
var masksDiv_version="2.1";
var movie_style;//动画样式
var show_movie;//定时执行参数
var mD_movie;/*动画层*/
var mD_msgdiv;/*显示层*/
var mD_overdiv;/*遮照层*/

function ShowMsg(){
	document.writeln("<div id=\"msgdiv\" style=\"position:absolute;display:none;z-index:200\"><\/div>");
	document.writeln("<div id=\"overdiv\" style=\"position:absolute;display:none;z-index:100\"><\/div>");
	document.writeln("<div id=\"movie\" style=\"position:absolute;display:none;background-Color:#CCCCCC;z-index:150\"><\/div>");
	//回调函数
	this.ok_callback=function(){};
	this.cancel_callback=function(){};
	//展开动画函数
	this.movie=function(){			
		if(mD_movie.clientWidth<mD_msgdiv.clientWidth){
			speed=Math.ceil((mD_msgdiv.clientWidth-mD_movie.clientWidth)/3);
			mD_movie.style.width=mD_movie.clientWidth+speed+"px";
		}
		if(mD_movie.clientHeight<mD_msgdiv.clientHeight){	
			speed=Math.ceil((mD_msgdiv.clientHeight-mD_movie.clientHeight)/3);
			mD_movie.style.height=mD_movie.clientHeight+speed+"px";
		}
		if(mD_movie.clientHeight==mD_msgdiv.clientHeight && mD_movie.clientWidth==mD_msgdiv.clientWidth){
			mD_movie.style.visibility=  'hidden';
			mD_msgdiv.style.visibility= 'visible';
			mD_movie.style.width=0;
			mD_movie.style.height=0;
			clearInterval(show_movie); 				
		}
	}
	
	//收缩动画函数
	this.movie2=function(){				
		if(mD_movie.clientWidth>0){
			speed=Math.ceil(mD_movie.clientWidth/2);
			mD_movie.style.width=mD_movie.clientWidth-speed+"px";
		}
		if(mD_movie.clientHeight>0){	
			speed=Math.ceil(mD_movie.clientHeight/2);
			mD_movie.style.height=mD_movie.clientHeight-speed+"px";
		}
		if(mD_movie.clientWidth==0 && mD_movie.clientHeight==0){			
			mD_overdiv.style.display='none';
			clearInterval(show_movie); 				
		}
	}
	
	//
	//detail_div 展示的div的id名字，为空则使用函数内定义的div
	//movie_style  动画类型，0为没有动画，1为左上角放大效果
	this.show=function(detail_div,pass_movie_style,flv){ 
		mD_movie=$id("movie");
		mD_msgdiv=$id("msgdiv");
		mD_overdiv=$id("overdiv");
		flagshow=true;
		movie_style=pass_movie_style;
		
		/*内置div*/	
		var OutStr;
		OutStr='<table width="480" border="0" cellspacing="0" cellpadding="0"  bgcolor="#000000"><tr><td height="22" valign="bottom" align="right"><a href="javascript:ShowMsgo.ok();" style="color:#FFF; text-decoration: none; padding: 4;">X 关闭&nbsp;&nbsp;</a></td>    </tr>    <tr>     <td ><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" name="index" width="480" height="400" align="middle" id="index"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="flashplayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="FlashVars" value="mediaUrl=flv/'+flv+'" /><embed src="flashplayer.swf" quality="high" bgcolor="#000000" width="480" height="400" name="index" align="middle" allowScriptAccess="sameDomain" FlashVars="mediaUrl=flv/'+flv+'" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></td>    </tr>  </table>';
		
		
		
		//展示的div
		if(detail_div==""){
			mD_msgdiv.innerHTML=OutStr;
		}else{
			//mD_msgdiv.innerHTML=$id(detail_div).innerHTML;
			mD_msgdiv=$id(detail_div);
		}
		
		/*遮照层样式*/
  		mD_overdiv.style.filter="alpha(opacity=75)";//ie透明
  		mD_overdiv.style.opacity = 75/100; //css3透明
    	mD_overdiv.style.backgroundColor = "#000000";
	  	mD_overdiv.style.display = '';
		mD_overdiv.style.left=0;
		mD_overdiv.style.top=0;
		mD_overdiv.style.height=document.documentElement.scrollHeight+"px";
		
		/*显示层样式*/	
		mD_msgdiv.style.position='absolute';
		mD_msgdiv.style.zIndex=200;
		
		if(document.documentElement.clientWidth>minwidth){
			mD_overdiv.style.width= document.documentElement.clientWidth +"px";
		}else{
			mD_overdiv.style.width= minwidth +"px";
		}
		
		if(document.documentElement.scrollHeight>minheight) {	
			mD_overdiv.style.height=document.documentElement.scrollHeight+"px";
		}else{
			mD_overdiv.style.height=minheight+"px";
		}
		
		//详细页生成
		mD_msgdiv.style.display= '';	
		msgdiv_width=mD_msgdiv.clientWidth;	
		
		mD_msgdiv.style.left= (document.documentElement.clientWidth)/2-msgdiv_width/2+"px";		
		mD_msgdiv.style.top= (document.documentElement.scrollTop+(document.documentElement.clientHeight)/5)+"px";	
		
		//展开动画效果
		if(movie_style=='1'){
    		mD_msgdiv.style.visibility= 'hidden';//详细页隐藏		
			//动画
			mD_movie.style.left=getX(mD_msgdiv)+"px";
			mD_movie.style.top=getY(mD_msgdiv)+"px";
			mD_movie.style.display = '';
			show_movie=setInterval(ShowMsgo.movie,30);
		}else{
			mD_msgdiv.style.visibility= 'visible';
		}
		
		//点击周围遮照也取消
		mD_overdiv.style.cursor='pointer';
		mD_overdiv.onclick=function(){ShowMsgo.ok();};		

	}
	this.ok = function()
	{
		flagshow=false;
		//展开动画效果
		if(movie_style=='1'){
			mD_movie.style.visibility= 'visible';
			mD_movie.style.width=mD_msgdiv.clientWidth+"px";
			mD_movie.style.height=mD_msgdiv.clientHeight+"px";	
			show_movie=setInterval(ShowMsgo.movie2,30);
		}else{
			mD_overdiv.style.display='none';
		}
		
		mD_msgdiv.style.display='none';
		mD_msgdiv.innerHTML="";
		this.ok_callback();
		
	}
	this.cancel=function(){
		this.cancel_callback();
	}
}

var ShowMsgo=new ShowMsg();

//定义回调函数
ShowMsgo.ok_callback=function(){
	//alert("ok");
	}
ShowMsgo.cancel_callback=function(){
	//alert("cancel")
	}

//窗口大小改变时，同时改变遮照和div
function resize() 
{ 
	if(flagshow)
	{
		mD_overdiv.style.height=document.documentElement.scrollHeight+"px";	
		if(typeof_browser()==0){
    	    mD_overdiv.style.width= document.documentElement.scrollWidth+"px";
		}else{
			if(document.documentElement.clientWidth>minwidth){
			    mD_overdiv.style.width= document.documentElement.clientWidth +"px";
			}else{
				mD_overdiv.style.width= minwidth +"px";
			}
			
		}		
		mD_msgdiv.style.left= (document.documentElement.clientWidth)/2-msgdiv_width/2+"px";		
		mD_msgdiv.style.top= (document.documentElement.scrollTop+(document.documentElement.clientHeight)/20)+"px";	
		
		mD_movie.style.left=(document.documentElement.clientWidth)/2-msgdiv_width/2+"px";	
		mD_movie.style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight)/20)+"px";	
		
	}
}
//
if(window.attachEvent){
	 window.attachEvent("onresize",   resize);
}else if(window.addEventListener){
	 window.addEventListener('resize',   resize,  false);
}