// JavaScript Document
var minwidth=700;//页面最大宽度
if(check_ie_version()=='ie8'){
	var minheight=2040;//页面最大高度
}else{
	var minheight=2400;//页面最大高度
}
var flagshow=false;	//是否有遮照显示

var msgdiv_width=700;//内容层宽度
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,id){ 
		mD_movie=$id("movie");
		mD_msgdiv=$id("msgdiv");
		mD_overdiv=$id("overdiv");
		flagshow=true;
		movie_style=pass_movie_style;
		
		/*内置div*/	
		var OutStr;
		OutStr='';	
		
		
		//展示的div
		if(detail_div==""){
			mD_msgdiv.innerHTML=OutStr;
		}else{
			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_msgdiv.style.position='absolute';
		mD_msgdiv.style.zIndex=200;
		
		//详细页生成
		mD_msgdiv.style.display= '';	
		msgdiv_width=mD_msgdiv.clientWidth;	
		
		//overdiv
		if(document.documentElement.clientWidth>minwidth){
			mD_overdiv.style.width= document.documentElement.clientWidth +"px";
		}else{
			mD_overdiv.style.width= minwidth +"px";
		}
		
		if(document.documentElement.clientHeight>minheight) {	
			mD_overdiv.style.height=document.documentElement.clientHeight+"px";
		}else{
			mD_overdiv.style.height=minheight+"px";
		}
		
		//msgdiv
		mD_msgdiv.style.left= (document.documentElement.clientWidth)/2-msgdiv_width/2+"px";		
		mD_msgdiv.style.top= (document.documentElement.scrollTop+10)+"px";		
		if(check_ie_version()=='ie8' && getY(mD_msgdiv)>580){
			mD_msgdiv.style.top= (document.documentElement.scrollTop-300)+"px";	
		}
		
		
		//new add
		if(id!=""){
			for(i=0;i<detail_array.length;i++){
				if(detail_array[i][1]==id){
					$id("detail_agency").innerHTML=detail_array[i][4];
					$id("detail_subcategory").innerHTML=detail_array[i][3];
					$id("detail_service").innerHTML=detail_array[i][6];
					$id("detail_title").innerHTML=detail_array[i][2];
					
					
					/*if($id("detail_url")!=undefined){
						$id("detail_url").innerHTML='<a href="'+detail_array[i][5]+'" target="_blank" class="detail_judge6">'+detail_array[i][5]+"</a>";	
						if(detail_array[i][5]==""){
							$id("detail_url_div").style.display="none";
						}
						$id("detail_username").innerHTML=detail_array[i][6];
						$id("detail_password").innerHTML=detail_array[i][7];
					}*/
					$id("detail_creative").innerHTML=detail_array[i][5];
					$id("detail_credits").innerHTML=detail_array[i][7];
					
					
					if(detail_array[i][9] != '') {
						document.getElementById('mfmf').style.display='';	
						if(detail_array[i][2] == 'Is it in you') {
							$id("detail_url").innerHTML ="<a target='_blank' onmouseover=this.style.color='red' onmouseout=this.style.color='white' style=' color:#FFF' href = 'http://shdev.tribalddb.com.cn/awards/gatorade/1_crazyAd_weight_v1/crazyAd.html'>http://shdev.tribalddb.com.cn/awards/gatorade/1_crazyAd_weight_v1/crazyAd.html</a>";
							$id("detail_url").innerHTML += "<br /><a target='_blank' onmouseover=this.style.color='red' onmouseout=this.style.color='white' style=' color:#FFF' href = 'http://shdev.tribalddb.com.cn/awards/gatorade/3_crazyAd_spring_v1/demo.html'>http://shdev.tribalddb.com.cn/awards/gatorade/3_crazyAd_spring_v1/demo.html</a>";
							$id("detail_url").innerHTML += "<br /><a target='_blank' onmouseover=this.style.color='red' onmouseout=this.style.color='white' style=' color:#FFF' href = 'http://shdev.tribalddb.com.cn/awards/gatorade/2_crazyAd_sandBag_v1/boxing.html'>http://shdev.tribalddb.com.cn/awards/gatorade/2_crazyAd_sandBag_v1/boxing.html</a>";
						}
						else {
							url_mf = detail_array[i][9];
							$id("detail_url").innerHTML= "<a target='_blank'   style=' color:#FFF' href = '"+url_mf+"' onmouseover=this.style.color='red' onmouseout=this.style.color='white'>"+url_mf+'</a>';
						}
						
						
						
					}
					
					
					this_detail_id=detail_array[i][1];
					this_detail_url="";//detail_array[i][5];
					this_awards="";//detail_array[i][9];
				}
			}
		}
		//alert(this_detail_id);	
					
		if(arguments[3]!=undefined){
			arg=arguments[3].split(";");
			str="";
			str_flv="";
			for(i=0;i<arg.length;i++){
				arg_2=arg[i].split("|");
				if(arg_2[0]=="SI"){
					str+='<div style="height:20px;width:932px;background-color: #000;"></div><div class="detail_judge3" style="width:932px;"><img src="works/'+this_detail_id+'/'+this_detail_id+'_L.jpg" onclick="window.open(\'list_detail.php?img='+this_detail_id+'&img2='+this_detail_id+'\')" class="detail_img"/><div class="detail_ori_text">';
					if(this_awards=="grand"){
						str+='<a onclick="window.open(\'list_detail.php?img='+this_detail_id+'&img2='+this_detail_id+'\')">查看原圖</a></div></div>';  	
					}else{
						if(this_detail_url!=""){
							str+='<a onclick="window.open(\''+this_detail_url+'\')">查看網站</a></div></div>';
						}else{
							str+='<a onclick="window.open(\'list_detail.php?img='+this_detail_id+'&img2='+this_detail_id+'\')">查看原圖</a></div></div>'; 
						}
					}
					
				}
				else if(arg_2[0]=="MI"){
					str+='<div style="height:20px;width:932px;background-color: #000;"></div><div class="detail_judge3" style="width:932px;"><img src="works/'+this_detail_id+'/'+entry_id_replace(this_detail_id,'1')+'_L.jpg" onclick="window.open(\'list_detail.php?img='+this_detail_id+'&img2='+entry_id_replace(this_detail_id,'1')+'\')" class="detail_img"/><div class="detail_ori_text">';
					if(this_awards=="grand"){
						str+='<a onclick="window.open(\'list_detail.php?img='+this_detail_id+'&img2='+entry_id_replace(this_detail_id,'1')+'\')">查看原圖</a></div><div class="detail_ori_text">';
					}else{
						if(this_detail_url!=""){
							str+='<a onclick="window.open(\''+this_detail_url+'\')">查看網站</a></div><div class="detail_ori_text">'; 
						}else{
							str+='<a onclick="window.open(\'list_detail.php?img='+this_detail_id+'&img2='+entry_id_replace(this_detail_id,'1')+'\')">查看原圖</a></div><div class="detail_ori_text">';
						}
					}
					for(j=1;j<=arg_2[1];j++){
						if(j==1){
							this_class='style="color:red;"';
						}else{
							this_class="";
						}
						str+='<a href="javascript:detail_img_change(this_detail_id,'+arg_2[1]+','+j+')" '+this_class+'>'+j+' </a>';
					}
					str+='</div></div>';  		
					
					
				}				
				$id("detail_context").innerHTML=str;
				
				if(arg_2[0]=="SF"){
					str_flv+='<table border="0" align="center" cellpadding="0" cellspacing="0"><tr><td class="detail_judge2">&nbsp;</td><td class="detail_judge1"><a href="#" class="detail_flv">低精度 Low</a> | <a href="javascript:detail_flv_720S_change(this_detail_id,'+arg_2[1]+',1)" class="detail_judge1">高精度 High</a></td><td colspan="3" class="detail_judge_text"> *(如果您的網路速度良好,可選擇高精度版本觀賞作品)</td><td class="detail_judge2">&nbsp;</td></tr></table><div class="detail_judge3" style="width:932px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="500" height="440" id="flashplayer500" align="middle">	<param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="mediaUrl=../works/flv500/'+this_detail_id+'.flv" />	<param name="allowFullScreen" value="false" /><param name="movie" value="flash/flashplayer500.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="flash/flashplayer500.swf" quality="high" bgcolor="#000000" width="500" height="440" name="flashplayer500" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" flashvars="mediaUrl=../works/flv500/'+this_detail_id+'.flv" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />	</object></div>'; 	
					
					
				}
				else if(arg_2[0]=="MF"){
					str_flv+='<table border="0" align="center" cellpadding="0" cellspacing="0"><tr><td class="detail_judge2">&nbsp;</td><td class="detail_judge1"><a href="#" class="detail_flv">低精度 Low</a> | <a href="javascript:detail_flv_720M_change(this_detail_id,'+arg_2[1]+',1)" class="detail_judge1">高精度 High</a></td><td colspan="3" class="detail_judge_text"> *(如果您的網路速度良好,可選擇高精度版本觀賞作品)</td><td class="detail_judge2">&nbsp;</td></tr></table><div class="detail_judge3" style="width:932px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="500" height="440" id="flashplayer500" align="middle">	<param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="mediaUrl=../works/flv500/'+entry_id_replace(this_detail_id,'1')+'.flv" />	<param name="allowFullScreen" value="false" /><param name="movie" value="flash/flashplayer500.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="flash/flashplayer500.swf" quality="high" bgcolor="#000000" width="500" height="440" name="flashplayer500" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" flashvars="mediaUrl=../works/flv500/'+entry_id_replace(this_detail_id,'1')+'.flv" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />	</object><div class="detail_ori_text">';
					for(j=1;j<=arg_2[1];j++){
						if(j==1){
							this_class='style="color:red;"';
						}else{
							this_class="";
						}
						str_flv+='<a href="javascript:detail_flv_500M_change(this_detail_id,'+arg_2[1]+','+j+')" '+this_class+'>'+j+' </a>';
					}
					str_flv+='</div></div>';   
					
					
				}
				$id("detail_context_flv").innerHTML=str_flv;
			}
			
		}
		
		
	
		
		//展开动画效果
		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';
		
		$id("detail_context").innerHTML="";
		$id("detail_context_flv").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+10)+"px";	
		if(check_ie_version()=='ie8'){
			mD_msgdiv.style.top= (document.documentElement.scrollTop-300)+"px";	
		}
		
		mD_movie.style.left=(document.documentElement.clientWidth)/2-msgdiv_width/2+"px";	
		mD_movie.style.top=(document.documentElement.scrollTop+10)+"px";
		if(check_ie_version()=='ie8'){
			mD_movie.style.top= (document.documentElement.scrollTop-300)+"px";	
		}
	}
}
//
if(window.attachEvent){
	 window.attachEvent("onresize",   resize);
}else if(window.addEventListener){
	 window.addEventListener('resize',   resize,  false);
}