// JavaScript Document

window.onload=videoListings;

function videoListings() {
	var displayVideoList = '<div>';
	for (var i = 0; i < standUp.length; i++){
		displayVideoList += '<div class="videoListContainer"><div><img src="../../../../videos/standUp/standUpImages/' + standUp[i].vidFileName + '.png" onClick="showVideo(\'' + standUp[i].videoID+ '\')"></div><div class="videoListTitle">' + standUp[i].vidTitle + '</div></div>';
	}
	for (var i = 0; i < standUpyt.length; i++){
		displayVideoList += '<div class="videoListContainer"><div><img src="../../../../videos/standUp/standUpImages/' + standUpyt[i].vidFileName + '.png" onClick="showVideo(\'' + standUpyt[i].videoID+ '\')"></div><div class="videoListTitle">' + standUpyt[i].vidTitle + '</div></div>';
	}
		
	displayVideoList += '</div>';
	document.getElementById("standUp").innerHTML = displayVideoList;
		
var displayVideo = '<div>';
	for (var j = 0; j < standUpyt.length; j++){
		displayVideo += '<div id="' + standUpyt[j].videoID + '" class="videoWindow"><div class="videoBackground"></div>';
		displayVideo += '<div class="videoContainer">';
        displayVideo += '<div class="modal">';
        displayVideo += '<div class="videoBody">';
        displayVideo += '<div style="height : 344px;">' + standUpyt[j].vidTitle + '<br /><br />';
        displayVideo += '<object width="425" height="344">';
		displayVideo += '<param name="movie" value="http://www.youtube.com/v/' + standUpyt[j].vidFileName + '\'"></param>';
		displayVideo += '<param name="allowFullScreen" value="false"></param>';
		displayVideo += '<param name="allowscriptaccess" value="always"></param>';
		displayVideo += '<embed src="http://www.youtube.com/v/' + standUpyt[j].vidFileName + '&hl=en&fs=1 type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>';
		displayVideo += '</object>';		
        displayVideo += '</div>';
        displayVideo += '<div class="videoFooter">';
        displayVideo += '<a href="#" alt="close" title="close" style="color: #3d080a" onclick="hideVideo(\'' + standUpyt[j].videoID + '\');"><img src="wp-content/plugins/lightbox-2/Themes/White/images/closelabel.png" alt="close" title="close"></a>';
        displayVideo += '</div></div></div></div></div>';
	}
		for (var j = 0; j < standUp.length; j++){
		displayVideo += '<div id="' + standUp[j].videoID + '" class="videoWindow"><div class="videoBackground"></div>';
		displayVideo += '<div class="videoContainer">';
        displayVideo += '<div class="modal">';
        displayVideo += '<div class="videoBody">';
        displayVideo += '<div style="height : 300px;">' + standUp[j].vidTitle + '<br /><br />';
        displayVideo += '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">';
		displayVideo += '<param name="src" value="wp-content/themes/levi/videos/standUp/' + standUp[j].vidFileName + '.mp4">';
		displayVideo += '<param name="autoplay" value="true">';
		displayVideo += '<param name="type" value="video/quicktime" height="302" width="424">';
		displayVideo += '<embed src="../../../../videos/standUp/' + standUp[j].vidFileName + '.mp4" height="302" width="424" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">';
		displayVideo += '</object>';		
        displayVideo += '</div>';
        displayVideo += '<div class="videoFooter">';
        displayVideo += '<a href="#" alt="close" title="close" style="color: #3d080a" onclick="hideVideo(\'' + standUp[j].videoID + '\');"><img src="wp-content/plugins/lightbox-2/Themes/White/images/closelabel.png" alt="close" title="close"></a>';
        displayVideo += '</div></div></div></div></div>';		
	}
		displayVideo += '</div>';
	document.getElementById("videos").innerHTML = displayVideo;
	}

function showVideo(divID){
		window.onscroll = function () { $(divID).style.top = document.body.scrollTop; };
		document.getElementById(divID).style.display = "block";
	}
function hideVideo(divID){
		document.getElementById(divID).style.display = "none";
	}