// JavaScript Document

var videoPlaying = false; 

function update(url,description,isSuper) { if (videoPlaying) { return; }
	
    var imageString = "<img src='" + url + "' name='currentImage' style='border:1px solid black' width='560' height='336'/>";
    document.getElementById('mainImage').innerHTML = imageString; 
    document.getElementById('currentDescription').innerHTML = description; 
}

function fadeIn(image)
{
/*
	if (canUseOpacity())
	{ 
	   changeOpacity(image, 20, 80, 5); 
	}
	else 
	{
		// deal with the other cases 
		alert("NO OPACITY -fade in"); 
	}
	*/
}

function fadeOut(image)
{
/*
    if (canUseOpacity())
	{
	   changeOpacity(image, 80, 20, -5); 
	}
	else 
	{
		// deal with the other cases 
		alert("NO OPACITY -fade out"); 
	}
	*/
}

function canUseOpacity()
{
	return true;
}

function changeOpacity(image, beginningOpacity, endingOpacity, step)
{
	var opacity = beginningOpacity; 
	
	while (opacity < endingOpacity)
	{
		eval(image+".filters.alpha.opacity="+opacity);
		opacity += step;
	}
}	

function loadVideo(videoPath, description)
{ 
	/*if (videoPlaying)
	{
	   return;
	}*/ 
	
	
	document.getElementById('currentDescription').innerHTML = description; 
	
	videoPlaying = true;
	
	/* */
	
	var embedString = "<OBJECT classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='560' height='336' id='movie1'><PARAM name='enablejavascript' value='true'><PARAM name='postdomevents' value='true'><PARAM name='controller' value='true'><PARAM name='scale' value='ASPECT'><PARAM name='kioskmode' value='true'><PARAM name='src' value=" 
	                  + videoPath + "><embed name='movie1' autoPlay='true' src='" + videoPath + "' controller='true' width='560' height='336' enablejavascript=true postdomevents=true movieid=1 kioskmode='true' scale='ASPECT'/> </EMBED></OBJECT>"; 
/*
 <EMBED width="180" height="160"
        src="My.mov"
        name="movie1"
        enablejavascript="true">
 </EMBED>
</OBJECT>

 "<embed id='movie1' autoPlay='true' src='" + videoPath + "' controller='true' width='560' height='336' enablejavascript=true movieid=1 kioskmode='true' scale='ASPECT'/>"; */
	document.getElementById('mainImage').innerHTML = embedString; 
	
	RegisterListeners(); 

}

/// Quicktime functions
function myAddListener(obj, evt, handler, captures)
{
    if ( document.addEventListener )
    { 
        obj.addEventListener(evt, handler, captures);
    }
    else
    { 	
    	 /* alert('attaching');  */
        // IE
        obj.attachEvent('on' + evt, handler);
    }

}
		
function RegisterListener(eventName, objID, embedID, listenerFcn)
{
	   
    var obj = document.getElementById(objID);
    if ( !obj )
    {
        obj = document.getElementById(embedID);
    }
    if ( obj )
    {
        myAddListener(obj, eventName, listenerFcn, false);
    }
}
	    
function RegisterListeners()
{
   RegisterListener('qt_load',  'movie1', 'qtmovie_embed', movieLoaded);
	 RegisterListener('qt_ended', 'movie1', 'qtmovie_embed', movieStopped);
	 RegisterListener('qt_pause', 'movie1', 'qtmovie_embed', movieStopped);
	 RegisterListener('qt_play',  'movie1', 'qtmovie_embed', moviePlaying);
}
	
function movieLoaded()
{ 
}

function movieStopped()
{
	  videoPlaying = false; 
}
function moviePlaying()
{ 
		videoPlaying = true; 
}
	
