window.onresize = WindowOnResize;
window.onload = DetectBrowser;
var wHeight;
var wWidth;
var curCourseId;
var curUserId;
var freeTrial = false;
function DetectBrowser()
{
//any browser will work if including in the html file the first line as:
//
//wHeight = document.documentElement.clientHeight;
//wWidth = document.documentElement.clientWidth;
if (window.innerWidth){
wWidth = (window.__safari ? window.innerWidth : Math.min(window.innerWidth, document.documentElement.clientWidth));
}
else if (document.documentElement && document.documentElement.clientWidth){
wWidth = document.documentElement.clientWidth;
}
else if (document.body){
wWidth = document.body.clientWidth;
}
else {
wWidth = document.documentElement.clientWidth;
}
if (window.innerHeight) {
wHeight = (window.__safari ? window.innerHeight : Math.min(window.innerHeight, document.documentElement.clientHeight));
}
else if (document.documentElement && document.documentElement.clientHeight){
wHeight = document.documentElement.clientHeight;
}
else if (document.body){
wHeight = document.body.clientHeight;
}
else {
wHeight = document.documentElement.clientHeight;
}
//alert ("Detect Window: width: " + wWidth + "---Height: " + wHeight);
}
function WindowOnResize(event)
{
//var setWidth = document.getElementById("setWidth").value;
//var setHeight = document.getElementById("setHeight").value;
//curUserId = document.getElementById("userid").value;
//ShowCenterDiv(curUserId,curCourseId);
}
function ShowCenterDiv(userid, courseid)
{
freeTrial = false;
curCourseId = courseid;
var courseWindowSize = document.getElementById("courseWindowSize_" + curCourseId).value;
var setWidth = document.getElementById("setWidth").value;
var setHeight = document.getElementById("setHeight").value;
if (courseWindowSize == "800x600")
{
setWidth = 800 + 14;
setHeight = 600 + 54;
}
else
{
setWidth = 900 + 14;
setHeight = 600 + 53;
}
DetectBrowser();
if (setWidth > wWidth - 10) setWidth = wWidth -10;
if (setHeight > wHeight - 10) setHeight = wHeight-10;
var fDiv = document.getElementById("floatDiv");
fDiv.style.width = setWidth + "px";
fDiv.style.height = setHeight + "px";
var divTop = (wHeight - setHeight)/2;
var divLeft = (wWidth - setWidth)/2;
fDiv.style.top = divTop + "px";
fDiv.style.left = divLeft + "px";
fDiv.style.visibility = "visible";
var iFrame = document.getElementById("currentIFrame");
iFrame.style.width = setWidth - 10 + "px";
iFrame.style.height = setHeight - 50 + "px";
//var url = "course_intro_page.php?courseid=" + curCourseId;
//commented out above, let start with the course material
ViewCourse();
//iFrame.src = url;
BuildDimmerDivBackground();
//PopFloating;
StartTimer(userid, courseid);
}
function ShowFreeTrialDiv(courseid)
{
document.getElementById("stretchSpan").innerHTML = "
";
freeTrial = true;
curCourseId = courseid;
var courseWindowSize = document.getElementById("courseWindowSize_" + curCourseId).value;
var setWidth = document.getElementById("setWidth").value;
var setHeight = document.getElementById("setHeight").value;
if (courseWindowSize == "800x600")
{
setWidth = 800 + 14;
setHeight = 600 + 54;
}
else
{
setWidth = 900 + 14;
setHeight = 600 + 53;
}
DetectBrowser();
if (setWidth > wWidth - 10) setWidth = wWidth -10;
if (setHeight > wHeight - 10) setHeight = wHeight-10;
var fDiv = document.getElementById("floatDiv");
fDiv.style.width = setWidth + "px";
fDiv.style.height = setHeight + "px";
var divTop = (wHeight - setHeight)/2;
var divLeft = (wWidth - setWidth)/2;
fDiv.style.top = divTop + "px";
fDiv.style.left = divLeft + "px";
fDiv.style.visibility = "visible";
var iFrame = document.getElementById("currentIFrame");
iFrame.style.width = setWidth - 10 + "px";
iFrame.style.height = setHeight - 50 + "px";
//var url = "course_intro_page.php?courseid=" + curCourseId;
//commented out above, let start with the course material
ViewCourse();
//iFrame.src = url;
BuildDimmerDivBackground();
//PopFloating;
//StartTimer(userid, courseid);
var timeAllow = 5*60*1000;
setTimeout('HideCenterDiv()', timeAllow);
}
function HideCenterDiv()
{
//alert("Are you sure?");
var fDiv = document.getElementById("floatDiv");
fDiv.style.visibility = "hidden";
var dimmer = document.getElementById("dimmer");
dimmer.style.visibility = "hidden";
StopTimer();
ReloadUpdateWindow();
if (document.getElementById("stretchSpan") != null)
{
document.getElementById("stretchSpan").innerHTML = "";
}
}
function ViewCourse()
{
var courseLink = document.getElementById("courseLink_" + curCourseId).value;
//alert("courseLink: " + courseLink);
var iFrame = document.getElementById("currentIFrame");
iFrame.src = courseLink;
}
function ViewFreeTrialCourse(courseLink)
{
var iFrame = document.getElementById("currentIFrame");
iFrame.src = courseLink;
}
function TakeCourse()
{
var enuserid = document.getElementById("userid").value;
var iFrame = document.getElementById("currentIFrame");
var url = "quiz.php?courseid=" + curCourseId + "&userid=" + enuserid;
//alert("Url: " + url);
iFrame.src = url;
}
function FeedBackEvaluation()
{
var enuserid = document.getElementById("userid").value;
var iFrame = document.getElementById("currentIFrame");
var url = "evaluation.php?courseid=" + curCourseId + "&userid=" + enuserid;
//alert("Url: " + url);
iFrame.src = url;
}
function RequestCE()
{
var enuserid = document.getElementById("userid").value;
var iFrame = document.getElementById("currentIFrame");
var url = "request_ce.php?courseid=" + curCourseId + "&userid=" + enuserid;
//alert("Url: " + url);
iFrame.src = url;
}
function BuildDimmerDivBackground()
{
DetectBrowser();
var dimmer = document.getElementById("dimmer");
dimmer.style.width = wWidth + "px";
dimmer.style.height = "100%";//wHeight + "px";
dimmer.style.visibility = "visible";
}
function ReloadUpdateWindow()
{
window.location.reload();
}