// Scrolling icons
	var pgLoaded = false;
	var wndo = new Array();	// "window(s)" for scrollable content
		
	function initScrLyr() 
	{
		pgLoaded=true;	
		// creat scrollable content areas
		// arg: id of div containing scrollable div(s)
		wndo[0] = new dynObj('wn');	
		// load scrolling content
		// arg's: array number of wndo, id of scroll div
		// add id of table as last argument (for horizontal scrolling)
		loadScrLyr(0,'lyr1','t1');	
	}

	function commentWindow(url) 
	{
  		window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=500,height=550,screenX=150,screenY=150,top=150,left=150')
	}

	function forwardWindow(url) 
	{
  		window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=500,height=550,screenX=150,screenY=150,top=150,left=150')
	}

	
	/* Create an array of spot names */
	function spotData(spotNum, spotTitle, spotType)
	{
		document.getElementById('credit').innerHTML = credits[spotNum-1];
	
		document.getElementById('spot_number').innerHTML = spotNum;
		document.getElementById('spot_title').innerHTML = vTitles[spotNum-1];
		document.getElementById('spot_type').innerHTML = spotType;	
	}

	function showProgress()
    {
    }
       
    /* define function that executes when movie loading is complete */
    function movieLoaded()
    {
    }

    function movieEnded()
    {
     	vIdx++;

		if(reel.length == 1)
			return;
   		else if(vIdx == reel.length)
   			vIdx = 0;
   		
   		jumpTo(vIdx);
   		
   			  		
    }

	function initMovie(videoFile,pWidth, pHeight, bgColor, idx)
	{
		var  isiPad = navigator.userAgent.match(/iPad/i)  != null;
		var  is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
		var  is_safari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
		
		if(isiPad)
    	{
    		document.getElementById('vidPlayer').innerHTML = '<video src=\'' + videoFile + '\' id="h5Player" height=' + pHeight + ' width=' + pWidth + ' autoplay="false" controls="controls"></video>';
    		document.getElementById('h5Player').play();
    		RegisterListeners();
    		
    	}
    	else
    	{
	    	QT_WriteOBJECT(videoFile, pWidth, pHeight, '', 'Scale', 'tofit', 'autoplay', 'True', 'EnableJavaScript', 'True', 'postdomevents', 'True', 'id', 'qtPlayer', 'emb#name' , 'qtPlayer' , 'obj#id' , 'qtPlayer', 'emb#id', 'qtPlayer', 'emb#controller', 'true', 'emb#z-index', '-1', 'emb#bgcolor', bgColor, 'emb#showlogo', 'false' , 'emb#kioskmode', 'true');
		}
	}
	
   
    function jumpTo(idx)
    {
    	vIdx = idx;
   	
    	/* 
    	Check for iPad
    	*/
  	    	
    	var  isiPad = navigator.userAgent.match(/iPad/i)  != null;
    	var  is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
    	var  is_safari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
    	
    	if(isiPad) 
    	{ 
    		initMovie(mediaUrl + reel[idx] ,vWidth[idx], vHeight[idx], bgColor, idx);
    	}
    	else
    	{
	  	  	
	    		newVid = QT_GenerateOBJECTText_XHTML(mediaUrl + reel[idx] + '?rn=' + Math.floor(Math.random()*1000) ,  
	    									vWidth[idx], 
	    									vHeight[idx], 
	    									'', 'Scale', 
	    									'tofit', 'postdomevents', 'True', 'id', 'qtPlayer', 'emb#name' , 'qtPlayer' , 'obj#id' , 'qtPlayer', 'emb#id', 'qtPlayer', 'emb#showlogo', 'false' , 'emb#kioskmode', 'true') ;
		
	    		document.getElementById('vidPlayer').innerHTML = newVid;
		    	RegisterListener('qt_progress', 'qtPlayer', 'qtPlayer', showProgress);
				RegisterListener('qt_load', 'qtPlayer', 'qtPlayer', movieLoaded);
				RegisterListener('qt_ended', 'qtPlayer', 'qtPlayer', movieEnded);  
	    		

		}
		
		document.getElementById('credit').innerHTML = credits[vIdx];
		
    }

    /* define function that adds another function as a DOM event listener */
	function myAddListener(obj, evt, handler, captures)
    {
        if ( document.addEventListener )
        {
            obj.addEventListener(evt, handler, captures);
        	//alert('attached ' + evt);
        }
        else
        {
            // IE
            checkAttach = obj.attachEvent('on' + evt, handler);

    	}
    }

   /* define functions that register each listener */
    function RegisterListener(eventName, objID, embedID, listenerFcn)
    {
        var obj = document.getElementById(objID);
        if ( !obj )
            obj = document.getElementById(embedID);
        else if ( !obj )
        	obj = document.qtPlayer;    
            
        if ( obj )
            myAddListener(obj, eventName, listenerFcn, false);
    }

    /* define a single function that registers all listeners to call onload */
    function RegisterListeners()
    {
    	
	    var  isiPad = navigator.userAgent.match(/iPad/i)  != null;
    	var  is_safari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
    	var  is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
    	
    	if(is_safari || is_chrome || isiPad)
    	{
   	         var myVideo = document.getElementById('h5Player');
    	     myVideo.addEventListener('ended',movieEnded,false);
    	}
    	else if(!isiPad)/* && !is_safari && !is_chrome)*/
    	{
    		//document.qtPlayer.SetResetPropertiesOnReload(false);
			RegisterListener('qt_progress', 'qtPlayer', 'qtPlayer', showProgress);
			RegisterListener('qt_load', 'qtPlayer', 'qtPlayer', movieLoaded);
			RegisterListener('qt_ended', 'qtPlayer', 'qtPlayer', movieEnded);    
		}
    }


function urlencode( str ) {
                             
    var histogram = {}, tmp_arr = [];
    var ret = str.toString();
    
    var replacer = function(search, replace, str) {
        var tmp_arr = [];
        tmp_arr = str.split(search);
        return tmp_arr.join(replace);
    };
    
    // The histogram is identical to the one in urldecode.
    histogram["'"]   = '%27';
    histogram['(']   = '%28';
    histogram[')']   = '%29';
    histogram['*']   = '%2A';
    histogram['~']   = '%7E';
    histogram['!']   = '%21';
    histogram['%20'] = '+';
    
    // Begin with encodeURIComponent, which most resembles PHP's encoding functions
    ret = encodeURIComponent(ret);
    
    for (search in histogram) {
        replace = histogram[search];
        ret = replacer(search, replace, ret) // Custom replace. No regexing
    }
    
    // Uppercase for full PHP compatibility
    return ret.replace(/(\%([a-z0-9]{2}))/g, function(full, m1, m2) {
        return "%"+m2.toUpperCase();
    });
    
    return ret;
}