var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }
function AssignPosition(d, vidWidth, vidHeight) {
if(self.pageYOffset) {
	rX = self.pageXOffset;
	rY = self.pageYOffset;
	}
else if(document.documentElement && document.documentElement.scrollTop) {
	rX = document.documentElement.scrollLeft;
	rY = document.documentElement.scrollTop;
	}
else if(document.body) {
	rX = document.body.scrollLeft;
	rY = document.body.scrollTop;
	}
if(document.all) {
	cX += rX; 
	cY += rY;
	}
	
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	
	var popupHeight = vidHeight;
	var popupWidth = vidWidth;

	d.style.top= windowHeight/2-popupHeight/2 + "px";
	d.style.left = windowWidth/2-popupWidth/2 + "px";
	 
}
function ShowContent(d, vidWidth, vidHeight) {

if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd, vidWidth, vidHeight);
dd.style.display = "block";
}

function deleteDiv(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}

function showPopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "block"
dlg.style.display = "block"
if (document.body.style.overflow = "hidden") {
cvr.style.width = "1024"
cvr.style.height = "100%"
}
ShowContent(el, 718, 539);
}
function closePopUpOLD(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "none"
dlg.style.display = "none"
document.body.style.overflowY = "scroll"
}


function closePopUp(myName, embedCode){
var code = "";
var myDiv = "";

	code = '<div class="content" id="content"><div class="closeBtn" onclick="closePopUp(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
	code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
	myDiv = 'content';

  var d = document.getElementById('dialog');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog').innerHTML = code;
  toggleModal(1);
}
	 
function closePopUp2(myName, embedCode){
var code = "";
var myDiv = "";

	code = '<div class="content2" id="content2"><div class="closeBtn2" onclick="closePopUp2(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
	code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
	myDiv = 'content2';

  var d = document.getElementById('dialog2');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog2').innerHTML = code;
  toggleModal(2);
  
}

function closePopUp3(myName, embedCode){
var code = "";
var myDiv = "";

	if (embedCode == 'playvideo'){
		code = '<div class="content3" id="content3"><div class="closeBtn3" onclick="closePopUp3(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
		code += '<iframe width="718" height="539" src="playvideo.html" frameborder="0" allowfullscreen></iframe></div>';
		myDiv = 'content3';
	} else {
		code = '<div class="content3" id="content3"><div class="closeBtn3" onclick="closePopUp3(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
		code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
		myDiv = 'content3';
	}
  var d = document.getElementById('dialog3');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog3').innerHTML = code;
  toggleModal(3);
  
}

function closePopUp4(myName, embedCode){
var code = "";
var myDiv = "";

	code = '<div class="content4" id="content4"><div class="closeBtn4" onclick="closePopUp4(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
	code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
	myDiv = 'content4';

  var d = document.getElementById('dialog4');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog4').innerHTML = code;
  toggleModal(4);
  
}

function closePopUp5(myName, embedCode){
var code = "";
var myDiv = "";

	code = '<div class="content5" id="content5"><div class="closeBtn5" onclick="closePopUp5(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
	code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
	myDiv = 'content5';

  var d = document.getElementById('dialog5');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog5').innerHTML = code;
  toggleModal(5);
  
}

function closePopUp6(myName, embedCode){
var code = "";
var myDiv = "";

	code = '<div class="content6" id="content3"><div class="closeBtn6" onclick="closePopUp6(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
	code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
	myDiv = 'content6';

  var d = document.getElementById('dialog6');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog6').innerHTML = code;
  toggleModal(6);
  
}

function closePopUp7(myName, embedCode){
var code = "";
var myDiv = "";

	code = '<div class="content7" id="content7"><div class="closeBtn7" onclick="closePopUp7(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
	code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
	myDiv = 'content7';

  var d = document.getElementById('dialog7');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog7').innerHTML = code;
  toggleModal(7);
  
}

function closePopUp8(myName, embedCode){
var code = "";
var myDiv = "";

	code = '<div class="content8" id="content8"><div class="closeBtn8" onclick="closePopUp8(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
	code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
	myDiv = 'content8';

  var d = document.getElementById('dialog8');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog8').innerHTML = code;
  toggleModal(8);
  
}
function closePopUp9(myName, embedCode){
var code = "";
var myDiv = "";

	code = '<div class="content9" id="content9"><div class="closeBtn9" onclick="closePopUp9(' + myName + ', \''+ embedCode +'\');">CLOSE WINDOW<br><br></div>';
	code += '<iframe width="718" height="539" src="http://www.youtube.com/embed/'+ embedCode +'" frameborder="0" allowfullscreen></iframe></div>';
	myDiv = 'content9';

  var d = document.getElementById('dialog9');
  var olddiv = document.getElementById(myDiv);
  d.removeChild(olddiv);

  document.getElementById('dialog9').innerHTML = code;
  toggleModal(9);
  
}

function toggleModal(myVid){
	
var focusedElement = null;
var modal = '';
var dialog = '';
var modalShowing = '';
var html = document.documentElement;
if (myVid == 1){
	modal = document.getElementById('modal');
	dialog = document.getElementById('dialog');
	modalShowing = (html.className === 'modal');
	html.className=modalShowing?'':'modal';
} else if (myVid == 2){	
	modal = document.getElementById('modal2');
	dialog = document.getElementById('dialog2');
	modalShowing = (html.className === 'modal2');
	html.className=modalShowing?'':'modal2';
} else if (myVid == 3){	
	modal = document.getElementById('modal3');
	dialog = document.getElementById('dialog3');
	modalShowing = (html.className === 'modal3');
	html.className=modalShowing?'':'modal3';
} else if (myVid == 4){	
	modal = document.getElementById('modal4');
	dialog = document.getElementById('dialog4');
	modalShowing = (html.className === 'modal4');
	html.className=modalShowing?'':'modal4';
} else if (myVid == 5){	
	modal = document.getElementById('modal5');
	dialog = document.getElementById('dialog5');
	modalShowing = (html.className === 'modal5');
	html.className=modalShowing?'':'modal5';
} else if (myVid == 6){	
	modal = document.getElementById('modal6');
	dialog = document.getElementById('dialog6');
	modalShowing = (html.className === 'modal6');
	html.className=modalShowing?'':'modal6';
} else if (myVid == 7){	
	modal = document.getElementById('modal7');
	dialog = document.getElementById('dialog7');
	modalShowing = (html.className === 'modal7');
	html.className=modalShowing?'':'modal7';
} else if (myVid == 8){	
	modal = document.getElementById('modal8');
	dialog = document.getElementById('dialog8');
	modalShowing = (html.className === 'modal8');
	html.className=modalShowing?'':'modal8';
} else if (myVid == 9){	
	modal = document.getElementById('modal9');
	dialog = document.getElementById('dialog9');
	modalShowing = (html.className === 'modal9');
	html.className=modalShowing?'':'modal9';
}
	modalShowing = !modalShowing;
	if (modalShowing) { 
		dialog.focus();
	} else if (focusedElement) {
		try {
			focusedElement.focus();
		} catch(ex) {}
	}
	
}