var imgOn = 'url("images/video_fragment_777_aan.jpg")';
var imgOff = 'url("images/video_fragment_444.jpg")';
var selected = 'fragmentvideo' ; // workings of the buttons 'Geheel video' or 'Fragment' is depend to this variable
var selectedEmbed = 'fragmentvideoEmbed';

 
function _formForwardButtons(){
		var tarGeheel = getRef('geheelVideo');
		var tarFragment = getRef('fragmentVideo');

	tarGeheel.onmouseover= function(){this.style.background = imgOn ;tarFragment.style.background = imgOff;}
	tarGeheel.onmouseout= function(){
		if (selected == 'geheelvideo'){
			this.style.background = imgOn }
		else{
		 tarFragment.style.background = imgOn; this.style.background = imgOff;}
		}
	tarGeheel.onclick= function(){
			selected = 'geheelvideo'; 
	_writeForwardMail();
		}
	tarFragment.onmouseover= function(){this.style.background = imgOn;tarGeheel.style.background = imgOff;}
	tarFragment.onmouseout= function(){

		if (selected == 'fragmentvideo'){
		this.style.background = imgOn}
		else{
		this.style.background = imgOff; tarGeheel.style.background = imgOn ; }
		}		
	tarFragment.onclick= function(){
			selected = 'fragmentvideo'; 
	_writeForwardMail();
		}
}

 
function _formEmbedButtons(){
		var tarGeheel = getRef('geheelVideoEmbed');
		var tarFragment = getRef('fragmentVideoEmbed');

		tarGeheel.onmouseover= function(){this.style.background = imgOn ;tarFragment.style.background = imgOff;}
	tarGeheel.onmouseout= function(){
		if (selectedEmbed == 'geheelvideoEmbed'){	
		this.style.background = imgOn;
		}else{
		 tarFragment.style.background = imgOn; this.style.background = imgOff;}
														}
	tarGeheel.onclick= function(){
		selectedEmbed = 'geheelvideoEmbed'; 
		_writeEmbed();
		}


	tarFragment.onmouseover= function(){this.style.background = imgOn;tarGeheel.style.background = imgOff;}
	tarFragment.onmouseout= function(){

		if (selectedEmbed == 'fragmentvideoEmbed'){
		this.style.background = imgOn}
		else{
		this.style.background = imgOff; tarGeheel.style.background = imgOn ; }	
									}
									
	tarFragment.onclick= function(){
		selectedEmbed = 'fragmentvideoEmbed'; 
		_writeEmbed();
									}
}

//   ----------

function _writeForwardMail(){

	var targetArea = getRef('message').value;
		targetArea ='';
	var url = 'http://www.debalie.nl/player/playmovie_v2.jsp?';
	var movieid = 'movieid='+gup('movieid');
	if (selected == 'geheelvideo'){
		var urlString = url+ movieid ;	
	//	getRef('movieid').value = urlString ; // movvieid en fragmentsid worden apart in het formulier hidden veld opgenomen <input type="hidden" name="movieid" value="<mm:write referid="movieid"/>
		getRef('videofragmentsid').value = '' ;
	}else{ 
	if(selected == 'fragmentvideo'){
		if(currentAnker != null){
			var videofragmentsid = "&videofragmentsid="+ currentAnker;
			var fragName = "&fragName='"+eval(currentAnker)[0]+"'";
			var frag_in  = '&frag_in='+eval(currentAnker)[1];
			var frag_out  = '&frag_out='+eval(currentAnker)[2];
			var urlString = url+ movieid + videofragmentsid ; 
			getRef('videofragmentsid').value = currentAnker ;
//			getRef('videourl').value = '' ;
		}else{
		getRef('message').value ="Let op! er is geen fragment actief."   
		}
		}
	}

}


function _sendForwardMail(){
var mail = checkEmail(getRef('ontvangeremailadres').value);
if( mail == true){
getRef('forwardform').submit();
getSty('bevestigverzendig').visibility = "visible";
getSty('bevestigverzendig').zIndex = 25;
setTimeout(function(){getSty('bevestigverzendig').visibility = "hidden";},3000);
setTimeout(function(){videoObj.sendforwardform();},3050);
}else{alert('geef het e-mail adres.')}
}

function _writeEmbed(){
	var targetArea = getRef('embedtextarea').value;
		targetArea ='';
	var url = 'http://www.debalie.nl/player/embedmovie_v2.jsp?';
	var movieid = 'movieid='+gup('movieid');

	if (selectedEmbed == 'geheelvideoEmbed'){
		var urlString = '<iframe src=" '+ url+ movieid +'" id="frame1" scrolling=no width="440" height="400"></iframe>';	
		getRef('embedtextarea').value = urlString ;
	}else{
		if(currentAnker != null){
			var videofragmentsid = "&videofragmentsid="+ currentAnker;
			var fragName = "&fragName='"+eval(currentAnker)[0]+"'";
			var frag_in  = '&frag_in='+eval(currentAnker)[1];
			var frag_out  = '&frag_out='+eval(currentAnker)[2];
			var urlString = '<iframe src=" '+ url+ movieid + videofragmentsid + fragName + frag_in + frag_out +'" id="frame1" scrolling=no width="440" height="400"></iframe>';	
		
			getRef('embedtextarea').value = urlString ;
		}else{
		getRef('embedtextarea').value ="sorry, er is geen fragment geselecteerd."   
		}
	}
}

//     --------   select embedded code function
function selText(){
	getRef('embedtextarea').select();
// d = 'embedtextarea';
//	var embedCode = getRef('embedtextarea');
//	var embedC = document.embedtextarea.select();
// window.clipboardData.setData('Text',embedC);
// alert(embedCode);
// var embedCode = eval("document.readme."+d);
// cp = embedCode.createTextRange();
// embedCode.focus();
// embedCode.select();
// cp.execCommand("Copy");


}
//   ----------------      ------------------

var isEenFragment = false;

var v_fragmentTit = " " ;
var	v_fragmentLengt = " ";
var v_fragment = "";
var endTimeEmbedFrag = 0;
		var v_proTitel = " " ;
		var v_prodatum = " " ;
		var v_prolengte = " " ;
		var v_prodescription = " " ;
		
var runTime;

function runMovie(){	
		var Ob=document.movie1;
//		runTime=Ob.GetTime();	
	titelLength()
//		if( Ob.GetTime() >= 350){
		if( Ob.GetPluginStatus() == "Complete"){
				var fragmenttrue = gup('videofragmentsid');
				
				if( fragmenttrue != ''){
		//		alert(typeof runTime + "  "+ runTime);
				showBillboard('show');
				getSty('playerboord').left = 200 +"px";

				v_fragment = "<br><b>is</b> een fragment van <b>programma</b> <br>";	
			var startTime = eval(gup('videofragmentsid'))[1];
			var endTime = eval(gup('videofragmentsid'))[2];	
				settijdTo(startTime);  // deze pakt fragment start time vanaf videofragmentsid
				endTimeEmbedFrag = endTime;   //    dit is voor het stopzetten van het geselecteerde fragment wanneer het het einde bereikt	
				
// 		getRef('ing').innerHTML= "titelStatus = " +titelStatus + "  showBillboardIs = " + showBillboardIs + "  lastActiveMenu =" + lastActiveMenu ;
	
			var fragdur = eval(gup('videofragmentsid'))[2] - eval(gup('videofragmentsid'))[1];
				v_fragmentLengt = " <span class='time'>" + fragDuration(fragdur) + "</span> " ;	
				v_fragmentTit = " <span class='fragtitel'><br>" + eval(gup('videofragmentsid'))[0] + " </span> " ;
						setTimeout(function(){playFirst()},80);					
						videoObj.getTimeOf();					
			
			
			}else{
				showBillboard('show')
				getSty('playerboord').left = 200 +"px";

						videoObj.getTimeOf();
						v_fragmentLengt = "" ;	
						v_fragmentTit = "" ;
						v_fragment = "<br><b>Dit</b> is een <b>programma</b> van debalie. <br>";
						setTimeout(function(){playFirst()},80);	
							
				}				
		return false;
	}
		setTimeout('runMovie()',100);
}

//	----  show the info in the "playerboord" about the prog. or fragment if there is any en then goOnFirst() 
function playFirst(){ 	
	var anObj=document.movie1;	 
	anObj.Stop();	
	getSty('footer').visibility = "hidden";
		v_proTitel = getRef('eventtitel').innerHTML;
		v_prodatum = getRef('eventdatum').innerHTML;
		v_prolengte = getRef('uren').innerHTML;
		v_prodescription = getRef('pro_description').innerHTML;

		var str= "<table width=100% height=100% align=left border=0 class='tekstg' ><tr><td>" ;
	str+= v_fragmentTit ;
	str+= v_fragmentLengt ;		
		str+= " <br>" + v_fragment + "<br><div class='titelw' >" + v_proTitel + "</div> " ;
		str+= " <div  class='eventdatum' align=left >" + v_prodatum + "</div> " ;
		str+= " <div  class='time' align=left >" + v_prolengte + "</div> " ;
		str+= " <br><div align=left  class='tekstg' >" + v_prodescription + "</div></td></tr><tr><td>&nbsp;</td> " ;
		str+= " </tr><tr><td align='center'><a href='#' onclick='goOnFirst();'><img src='images/button_play22.jpg' border=0> </a></td> " ;
		str+= " </tr></table>" ;
		getRef('playerboord').innerHTML = str;
		getSty('playerboord').visibility = "visible";
}

//		-----------------  triggered when you click on play button  
function goOnFirst(){
	var anObj=document.movie1;
    getSty('footer').visibility = "visible";
	getSty('playerboord').left = 500 +"px";	
	getSty('naarDeBalie').visibility = "visible";
	getSty('naarDeBalie').left = 500 +"px";
	getSty('player').visibility = "visible";
	setTimeout(function(){videoObj.changebig();},500);


	getSty('movie_titel').visibility = "visible";
	
	setTimeout(function(){titelSlideShow("show")},1000);
	showtitelfirst= setTimeout(function(){autoShowTitel()},15000);


countTime();

getRef("movie_titel_trans").onmouseover = function(){clearTimeout(auShowTite); titelSlideShow("show")};
getRef("movie_titel_trans").onmouseout = function(){ autoShowTitel()};
getRef("movie_titel_trans").style.cursor= "pointer";

getRef("embed").onmouseover = function(){writeInObj('footer_boord','embed')};
getRef("embed").onmouseout = function(){writeInObj("footer_boord","")};
getRef("embed").onclick = function(){videoObj.embeddedform()};
getRef("send").onmouseover = function(){writeInObj('footer_boord','send')};
getRef("send").onmouseout = function(){writeInObj("footer_boord","")};
getRef("send").onclick = function(){videoObj.sendforwardform()};
getRef("list").onmouseover = function(){writeInObj('footer_boord','fragmenten list')};
getRef("list").onmouseout = function(){writeInObj("footer_boord","")};
getRef("list").onclick = function(){videoObj.showfragment()};

}

//	-----	is there afragment en that is all first time of play, it will be stoped at the end of the playing
//	-----   fragment, triggered from the function passToOther(cur_Time) in array_v2.js
function stopFragment(){ 	
		showBillboard('show')
		getSty('playerboord').zIndex = 19;
		getSty('playerboord').left = 200 +"px";	
		getSty('naarDeBalie').left = 204 +"px";
		getSty('footer').visibility = "hidden";
		clearTimeout(auShowTite); titelSlideShow("hide");
	var anObj=document.movie1;	 
		anObj.Stop();

//	var startTime = eval(gup('videofragmentsid'))[1];
//	var endTime = eval(gup('videofragmentsid'))[2];
		endTimeEmbedFrag = 0;   //    dit is voor het stopzetten van het geselecteerde fragment als het het einde bereikt wordt gebruikt in function passToOther(cur_Time) in array_v2.js

//		settijdTo(startTime);  // deze pakt fragment start time vanaf videofragmentsid

		var str= "<table width=100% height=270 align=left border=0 class='tekstg' ><tr><td>" ;
		str+= " <b>Dit was een fragment van de video:</b><br> " ;

		str+= "<br><div class='titelw' >" + v_proTitel + "</div> " ;
		str+= " <div  class='eventdatum' align=left >" + v_prodatum + "</div> " ;
		str+= " <div  class='time' align=left >" + v_prolengte + "</div> " ;
		str+= " <br><b>uit de balie video colectie.</b> </td></tr><tr><td height=50>" ;
		
		str+= " <div id='endfrag' style='position:relative; visibility: visible; left:40px; top:0px; width:150px; height:50px;' onclick='goOnVideo()'> <br><b>Bekijk de <br>hele video.</b><br> " ;
		str+= "<br>";
		str+= " <img src='images/button_play22.jpg' border='0' style='position: absolute; left:80px; top:5px;' />" ;
		str+= "  <img src='images/lijn.jpg' border='0' style='position: absolute; left:-3px; top:48px; height:2px; width:135px;'>" ;
		str+= "<img src='images/lijn.jpg' border='0' style='position: absolute; left:-3px; top:0px; height:2px; width:135px;'></div></td></tr>";
		str+= " <tr><td align='center'></td> " ;
		str+= " </tr></table>" ;
		getRef('playerboord').innerHTML = str;
		getSty('playerboord').visibility = "visible";
getRef("endfrag").style.cursor= "pointer";


}

//	---- after stoping at the end of the fragment you will go on to watch te video with trigger of this function ---
function goOnVideo(){


	var anObj=document.movie1;
    getSty('footer').visibility = "visible";
	getSty('playerboord').left = 500 +"px";	
	getSty('naarDeBalie').visibility = "visible";
	getSty('naarDeBalie').left = 500 +"px";
	
	getSty('player').visibility = "visible";
	getSty('movie_titel').visibility = "visible";
	setTimeout(function(){videoObj.changebig();},500);

	getSty('movie_titel').visibility = "visible";
	setTimeout(function(){titelSlideShow("show")},2500);
	setTimeout(function(){autoShowTitel()},15000);


countTime();




}




function writeInObj(id,text){
// alert( id + "  " + text)
 var obj = document.getElementById(id);
obj.innerHTML = text;
	}

function fadein(){
 	for(var i=0;i < arguments.length ; i++){
	changeOpac(100,arguments[i]);
	var anObj=document.movie1;
	}
}
function fadeout(){
 	for(var i=0;i < arguments.length ; i++){
	changeOpac(50,arguments[i]);
	var anObj=document.movie1;
	}
}
function hidLayer(){
 	for(var i=0;i < arguments.length ; i++){
	getSty(arguments[i]).visibility = "hidden";
	}
}
function showLayer(){
 
for(var i=0;i < arguments.length ; i++){
	getSty(arguments[i]).visibility = "visible";
	}
}