userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function findElement(n,ly) {
	if (browserVers < 4)		return document[n];
	var curDoc = ly ? ly.document : document;
	var elem = curDoc[n];
	if (!elem) {
		for (var i=0;i<curDoc.layers.length;i++) {
			elem = findElement(n,curDoc.layers[i]);
			if (elem) return elem;
		}
	}
	return elem;
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		var img;
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			img = null;
			if (document.layers) {
				img = findElement(changeImages.arguments[i],0);
			}
			else {
				img = document.images[changeImages.arguments[i]];
			}
			if (img) {
				img.src = changeImages.arguments[i+1];
			}
		}
	}
}

var preloadFlag = true;
function preloadImages() {
	if (document.images) {
		menu_0_over = newImage("img/menu_0-on.jpg");
                menu_1_over = newImage("img/menu_1-on.jpg");
                menu_2_over = newImage("img/menu_2-on.jpg");
                menu_3_over = newImage("img/menu_3-on.jpg");

		preloadFlag = true;
	}
}
  function writeVid(obj, vid, lg){
          myObject = '';
          myObject += '<object  classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"\n';
          myObject += ' width="600"\n';
          myObject += ' height="416"\n';
          myObject += ' id="qtPlayer"\n';
          myObject += ' type="video/quicktime"\n';
          myObject += ' src="img/'+lg+'/posterframe.mov"\n';
          myObject += ' href="http://www.onf.ca/webextension/thedanishpoet/video/str_'+vid+'"\n';
          myObject += ' target="myself"\n';
          myObject += ' codebase="http://www.apple.com/qtactivex/qtplugin.cab"\n';
          myObject += '>\n';
          myObject += '<param name="src" value="img/'+lg+'/posterframe.mov"/>\n';
          myObject += '<param name="href" value="http://www.onf.ca/webextension/thedanishpoet/video/str_'+vid+'"/>\n';
          myObject += '<param name="target" value="myself"/>\n';
          myObject += '<param name="autoplay" value="false"/>\n';
          myObject += '<param name="controller" value="false"/>\n';
          myObject += '<param name="bgcolor" value="#000000"/>\n';
          myObject += '<param name="kioskmode" value="true"/>\n';
          myObject += '<param name="scale" value="aspect"/>\n';
          myObject += '<param name="name" value="qtPlayer"/>\n';
          myObject += '<param name="enablejavascript" value="true"/>\n';
          myObject += '<param name="loop" value="true"/>\n';
          myObject += '<embed  width="600"\n';
          myObject += ' height="416"\n';
          myObject += ' src="img/'+lg+'/posterframe.mov"\n';
          myObject += ' href="http://www.onf.ca/webextension/thedanishpoet/video/str_'+vid+'"\n';
          myObject += ' target="myself"\n';
          myObject += ' scale="aspect"\n';
          myObject += ' kioskmode="true"\n';
          myObject += ' bgcolor="#000000"\n';
          myObject += ' controller="false"\n';
          myObject += ' name="qtPlayer"\n';
          myObject += ' enablejavascript="true"\n';
          myObject += ' type="video/quicktime"\n';
          myObject += ' autoplay="false"\n';
          myObject += ' loop="true"\n';
          myObject += ' pluginspage="http://www.apple.com/quicktime/download/"\n';
          myObject += '>\n';
          myObject += '</embed>\n';
          myObject += '</object>\n';
          myObject += '\n';
//alert(myObject);
               document.getElementById(obj).innerHTML = myObject;
}

  function writeMovie(obj, vid){
          myObject = '';
          myObject += '<object  classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"\n';
          myObject += ' width="600"\n';
          myObject += ' height="416"\n';
          myObject += ' id="qtPlayer"\n';
          myObject += ' type="video/quicktime"\n';
          myObject += ' src="http://www.onf.ca/webextension/thedanishpoet/video/str_'+vid+'_qtl.mov"\n';
          myObject += ' codebase="http://www.apple.com/qtactivex/qtplugin.cab"\n';
          myObject += '>\n';
          myObject += '<param name="src" value="http://www.onf.ca/webextension/thedanishpoet/video/str_'+vid+'_qtl.mov"/>\n';
          myObject += '<param name="id" value="qtPlayer"/>\n';
          myObject += '<param name="autoplay" value="true"/>\n';
          myObject += '<param name="controller" valu="true"/>\n';
          myObject += '<param name="bgcolor" value="#000000"/>\n';
          myObject += '<param name="kioskmode" value="true"/>\n';
          myObject += '<param name="scale" value="aspect"/>\n';
          myObject += '<param name="name" value="qtPlayer"/>\n';
          myObject += '<param name="enablejavascript" value="true"/>\n';
          myObject += '<param name="loop" value="true"/>\n';
          myObject += '<embed  width="600"\n';
          myObject += ' height="416"\n';
          myObject += ' id="qtPlayer"\n';
          myObject += ' src="http://www.onf.ca/webextension/thedanishpoet/video/str_'+vid+'_qtl.mov"\n';
          myObject += ' scale="aspect"\n';
          myObject += ' kioskmode="true"\n';
          myObject += ' bgcolor="#000000"\n';
          myObject += ' controller="true"\n';
          myObject += ' name="qtPlayer"\n';
          myObject += ' enablejavascript="true"\n';
          myObject += ' type="video/quicktime"\n';
          myObject += ' autoplay="true"\n';
          myObject += ' loop="true"\n';
          myObject += ' pluginspage="http://www.apple.com/quicktime/download/"\n';
          myObject += '>\n';
          myObject += '</embed>\n';
          myObject += '</object>\n';
          myObject += '\n';
               document.getElementById(obj).innerHTML = myObject;
}

function openPicture(image_disp, lg, isposter){

    /* The Picture */
    var picture = document.createElement('img');
    if(isposter)
      picture.setAttribute("src", 'http://www.onf.ca/webextension/thedanishpoet/img/posters/800_600/'+image_disp);
    else
      picture.setAttribute("src", image_disp);
    picture.setAttribute("width", "740");
    picture.id = "picture";
    picture.style.display = 'block'
    picture.style.position = "relative";
    picture.style.clear = "both";
    picture.style.zIndex = 999;

    var close;
    var gethd;

    if(lg == 'fr'){
     close = "Fermer";
     lgwdth = "55";
     gethd = "Téléchargez la version haute résolution";
    }
    else{
      close = "Close";
      lgwdth = "45";
      gethd = "Download high resolution";
    }

    /* Other elements */
    var playerdiv = document.createElement('div');
    var playercontent = document.createElement('div');
    var picdiv = document.createElement('div');
    var control = document.createElement('div');
    var sized = getPageSizeWithScroll();
    var container = document.getElementsByTagName('body');
    var wrap = document.createElement('div');

    
    playerdiv.id = "player";
    playerdiv.style.width = sized[0]+"px";
    playerdiv.style.height = sized[1]+"px";
    playerdiv.style.position = 'absolute';
    playerdiv.style.top = '31px';
    playerdiv.style.left = '0px';
    playerdiv.style.zIndex = 100;
    playerdiv.style.background = '#000000';
    playerdiv.style.overflow = 'hidden';
    playerdiv.style.filter= 'alpha(opacity=0)';
    playerdiv.style.opacity= 0;

    playercontent.id = "playercontent";
    playercontent.style.width = '100%';
    playercontent.style.height = sized[1]+"px";
    playercontent.style.position = 'absolute';
    playercontent.style.top = '31px';
    playercontent.style.left = '0px';
    playercontent.style.zIndex = 100;
    playercontent.style.overflow = 'hidden';
    playercontent.style.display = 'none';
    playercontent.setAttribute("onClick", 'closePicture();');
    playercontent.onclick = function() { closePicture(); }

    /* Control panel */
    control.id = "control";
    control.style.display = 'inline';
    control.style.position = 'relative';
    control.style.zIndex = 102;
    control.style.overflow = 'hidden';
    if(isposter)
      control.innerHTML = '<div style="float:left;width:540px;text-align:left;">'
                            +'<a href="http://www.onf.ca/webextension/thedanishpoet/img/posters/800_600/'+image_disp+'" class="download_link" style="color:#000000" /><img src="img/dl_arrow.jpg" border="0" />&nbsp;800 x 600</a>'
                            +'&nbsp<a href="src=http://www.onf.ca/webextension/thedanishpoet/img/posters/1024_768/'+image_disp+'" class="download_link" style="color:#000000" /><img src="img/dl_arrow.jpg" border="0" />&nbsp;1024 x 768</a>'
                            +'&nbsp<a href="http://www.onf.ca/webextension/thedanishpoet/img/posters/1280_1024/'+image_disp+'" class="download_link" style="color:#000000" /><img src="img/dl_arrow.jpg" border="0" />&nbsp;1280 x 1024</a>'
                        +'</div>'
                        +'<div style="float:right;width:200px;text-align:right;" ><a href="#" onClick="closePicture(); setTimeout(\'window.location.replace(\\\'#wall\\\')\', 1000);" class="download_link" style="color:#000000" /><img src="img/dl_close.jpg" />&nbsp;'+close+'</a></div>'
                        +'';
    else
      control.innerHTML = '<div style="float:left;width:100px; padding:5px 0px;"><a class="download_link" style="color:#000000" href="'+image_disp+'"><img src="img/dl_arrow.jpg" />&nbsp;'+gethd+'</a></div>'
                        +'<div style="float:right;width:'+lgwdth+'px; text-align:left; padding:5px 0px;"><a class="download_link" style="color:#000000" href="#" onClick="closePicture(); return false;"><img src="img/dl_close.jpg" />&nbsp;'+close+'</a></div>'
                        +'';
    control.style.display = 'none';

    wrap.id = "newwrap";
    wrap.className = "control";
    wrap.style.background = '#FFEEC0'
    wrap.style.position = 'relative';
    wrap.style.display = 'block';
    wrap.style.textAlign = 'center';
    wrap.style.margin = "0 auto";
    wrap.style.maxWidth = "740px";
    wrap.style.width = "740px";
    wrap.style.marginTop = "0px";
    wrap.style.padding = "10px";
    wrap.style.zIndex = 103;


    container[0].appendChild(playerdiv);
    container[0].appendChild(playercontent);
    Effect.Appear('player', { duration: 1, from: 0, to:0.60 });
    wrap.appendChild(control);
    wrap.appendChild(picture);
    playercontent.appendChild(wrap);
    setTimeout('Effect.Grow(\'playercontent\', { duration: 0.5, direction: \'center\' })', 2000 );
    Effect.Appear('control', { duration: 1 });
}

function closePicture(){
  var container = document.getElementsByTagName('body');
  var playerdiv = document.getElementById('player');
  var picture = document.getElementById('picture');
  var newwrap = document.getElementById('newwrap');


  Effect.Puff("playercontent", { duration: 0.5 });
  setTimeout('document.getElementsByTagName("body")[0].removeChild(document.getElementById(\'playercontent\'))', 500);
  Effect.Fade('player', { duration: 0.5, from: 0.6, to:0.0 });
  setTimeout('document.body.removeChild(document.getElementById(\'player\'))', 1000); 
}

function openVideo(vid, lg, title){

    var close;
    var gethd;

    if(lg == "fr"){
     close = "Fermer";
     dl_now = "Téléchargez";
    }
    else{
      close = "Close";
      dl_now = "Download now";
    }

    /* Other elements */
    var playerdiv = document.createElement('div');
    var playercontent = document.createElement('div');
    var picdiv = document.createElement('div');
    var control = document.createElement('div');
    var sized = getPageSizeWithScroll();
    var container = document.getElementsByTagName('body');
    var wrap = document.createElement('div');
    var dllnk = document.createElement('div');
    var video = document.createElement('div');

    video.id = "qtDiv";
    video.style.height = "415px";
    video.innerHTML = "<h1 style=\"color:#000000;text-align:center; padding-top:200px;\">Please wait</h1>";

    playerdiv.id = "player";
    playerdiv.style.width = sized[0]+"px";
    playerdiv.style.height = sized[1]+"px";
    playerdiv.style.position = 'absolute';
    playerdiv.style.top = '31px';
    playerdiv.style.left = '0px';
    playerdiv.style.zIndex = 100;
    playerdiv.style.background = '#000000';
    playerdiv.style.overflow = 'hidden';
    playerdiv.style.filter= 'alpha(opacity=0)';
    playerdiv.style.opacity= 0;

    playercontent.id = "playercontent";
    playercontent.style.width = '100%';
    playercontent.style.height = sized[1]+"px";
    playercontent.style.position = 'absolute';
    playercontent.style.top = '31px';
    playercontent.style.left = '0px';
    playercontent.style.zIndex = 100;
    playercontent.style.overflow = 'hidden';
    playercontent.style.display = 'none';
    playercontent.setAttribute("onClick", 'closeVideo();');
    playercontent.onclick = function() { closeVideo(); }

    /* Control panel */
    control.id = "control";
    control.style.display = 'inline';
    control.style.position = 'relative';
    control.style.zIndex = 102;
    control.style.overflow = 'hidden';
    control.innerHTML = '<div style="float:left;width:200px; text-align:left; padding:5px 0px 0px 28px;color:#000000; font-size:12px; font-weight:bold;">'+title+'</a></div>'
                        +'<div style="float:right;width:45px; text-align:left; padding:5px 25px 0px 0px;"><a class="download_link" href="#" onClick="closePicture(); this.href=\'#\';"><img src="img/dl_close_vid.jpg" />&nbsp;'+close+'</a></div>'
                        +'';
    control.style.display = 'none';

    dllnk.id = "dllnk";
    dllnk.style.display = 'block';
    dllnk.style.position = 'relative';
    dllnk.style.zIndex = 102;
    dllnk.style.overflow = 'hidden';
    dllnk.innerHTML = '  <div style="display:block; position:relative; width:655px;text-align:left; padding:10px 0px 0px 28px;"> '
                      +'  <img src="img/'+lg+'/download_vid.jpg"><br /> '
                      +'  <div style="position:relative; display:block; float:left; width:160px;"> '
                      +'    <img src="img/'+lg+'/qt_large_vid.jpg" /> '
                      +'    <p class="download"><a href="http://helix.onf.ca/Webfilms/thedanishpoet/'+vid+'_qtl.mov"><img src="img/dl_logo_vid.jpg" border="0" /></a><a href="http://helix.onf.ca/Webfilms/thedanishpoet/'+vid+'_qtl.mov" class="download_link">'+dl_now+'</a></p> '
                      +'  </div> '
                      +'  <div style="position:relative; display:block; float:left; width:160px;"> '
                      +'    <img src="img/'+lg+'/qt_small_vid.jpg" /> '
                      +'    <p class="download"><a href="http://helix.onf.ca/Webfilms/thedanishpoet/'+vid+'_qts.mov"><img src="img/dl_logo_vid.jpg" border="0" /></a><a href="http://helix.onf.ca/Webfilms/thedanishpoet/'+vid+'_qts.mov" class="download_link">'+dl_now+'</a></p>  '
                      +'  </div> '
                      +'  <div style="position:relative; display:block; float:left; width:160px;"> '
                      +'    <img src="img/'+lg+'/mobile_vid.jpg" />  '
                      +'    <p class="download"><a href="http://helix.onf.ca/Webfilms/thedanishpoet/'+vid+'_mobile.3g2"><img src="img/dl_logo_vid.jpg" border="0" /></a><a href="http://helix.onf.ca/Webfilms/thedanishpoet/'+vid+'_mobile.3g2" class="download_link">'+dl_now+'</a></p>  '
                      +'  </div>  '
                      +'  <div style="position:relative; display:block; float:left; width:160px;">  '
                      +'    <img src="img/'+lg+'/ipod_vid.jpg" />  '
                      +'    <p class="download"><a href="http://helix.onf.ca/Webfilms/thedanishpoet/'+vid+'_ipod.m4v"><img src="img/dl_logo_vid.jpg" border="0" /></a><a href="http://helix.onf.ca/Webfilms/thedanishpoet/'+vid+'_ipod.m4v" class="download_link">'+dl_now+'</a></p>  '
                      +'  </div> '
                      +'</div>';

    wrap.id = "newwrap";
    wrap.className = "control";
    wrap.style.background = '#FFFFFF'
    wrap.style.position = 'relative';
    wrap.style.display = 'block';
    wrap.style.textAlign = 'center';
    wrap.style.margin = "0 auto";
    wrap.style.maxWidth = "655px";
    wrap.style.width = "655px";
    wrap.style.height = "510px";
    wrap.style.marginTop = "0px";
    wrap.style.padding = "10px";
    wrap.style.zIndex = 103;


    container[0].appendChild(playerdiv);
    container[0].appendChild(playercontent);
    Effect.Appear('player', { duration: 1, from: 0, to:0.60 });
    wrap.appendChild(control);
    wrap.appendChild(video);
    wrap.appendChild(dllnk);
    playercontent.appendChild(wrap);
    setTimeout('Effect.Grow(\'playercontent\', { duration: 0.5, direction: \'center\' })', 2000 );
    Effect.Appear('control', { duration: 1 });
    setTimeout('writeMovie(\'qtDiv\', \''+vid+'\')', 3000 );

}

function closeVideo(){
  var container = document.getElementsByTagName('body');
  var playercontent= document.getElementById('playercontent');
  var vid = document.qtPlayer;
  var qtDiv = document.getElementById('qtDiv');
  var newwrap = document.getElementById('newwrap');
  var control = document.getElementById('newwrap');

  vid.Stop();
  document.body.removeChild(vid);
  playercontent.removeChild(newwrap);
  setTimeout('document.body.removeChild(document.getElementById(\'playercontent\'))', 1);
  setTimeout('Effect.Fade(\'player\', { duration: 0.5, from: 0.6, to:0.0 });', 1000);
  setTimeout('document.body.removeChild(document.getElementById(\'player\'))', 2000);
}

function getPageSizeWithScroll(){
	if (window.innerHeight && window.scrollMaxY) {// Firefox
		yWithScroll = window.innerHeight + window.scrollMaxY;
		xWithScroll = window.innerWidth + window.scrollMaxX;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		yWithScroll = document.body.scrollHeight;
		xWithScroll = document.body.scrollWidth;
	} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
		yWithScroll = document.body.offsetHeight;
		xWithScroll = document.body.offsetWidth;
  	}
	arrayPageSizeWithScroll = new Array(xWithScroll,yWithScroll);
	//alert( 'The height is ' + yWithScroll + ' and the width is ' + xWithScroll );
	return arrayPageSizeWithScroll;
}