function getXHReq() {
var xmlhttp;
try {
xmlhttp = new XMLHttpRequest();
} catch(microsoft) {
try {
xmlhttp = new ActiveXObject("MSXML2.XMLHTTP");
} catch (othermicrosoft) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
xmlhttp = false;
}
}
}
return xmlhttp;
}
function executeJavascript(url) {
var xmlreq = new getXHReq();
xmlreq.open("GET", url, false);
xmlreq.send(null);
if (xmlreq.status == 200) {
eval(xmlreq.responseText);
return true;
} else {
return false;
}
}
function isArray(obj) {
if (obj.constructor.toString().indexOf("Array") == -1) {
return false;
} else {
return true;
}
}
function get_cookie(name) {
var results = document.cookie.match ( name + '=(.*?)(;|$)' );
if (results) {
return unescape(results[1]);
} else {
return null;
}
}
function delete_cookie(name) {
var date = new Date();
date.setTime(date.getTime()-1);
document.cookie = name + "=; expires=" + date.toGMTString() + "; path=/";
}
function daysInMonthYear(m, y) {
if (m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m ==12) {
return 31;
} else if (m == 4 || m == 6 || m == 9 || m == 11) {
return 30;
} else if (m == 2) {
return (((y % 4 == 0) && ( (!(y % 100 == 0)) || (y % 400 == 0))) ? 29 : 28 );
} else {
return 31;
}
}
function padNumber(number, len) {
var myString = '' + number;
while (myString.length < len) {
myString = '0' + myString;
}
return myString;
}
function secondsToString(time) {
var myHours = parseInt(time / 3600);
if (myHours == 0 ) {
myHours = '';
} else {
time -= myHours * 3600;
myHours = padNumber(myHours, 2) + ":";
}
var myMins = parseInt(time / 60);
time -= myMins * 60;
myMins = padNumber(myMins, 2) + ":";
return myHours + myMins + padNumber(parseInt(time), 2);
}
function quotable(textString) {
if (textString != undefined) return textString.toString().replace(/\"/g,"&quot;");
}
function imagePreloader() {
for (var i=0; i < imagePreloader.arguments.length; i++) {
preloadedImages[i] = new Image;
preloadedImages[i].src = imagePreloader.arguments[i];
}
}
function pageWidth() {
var x;
if (self.innerHeight) {x = self.innerWidth;}
else if (document.documentElement && document.documentElement.clientHeight) {x = document.documentElement.clientWidth;}
else if (document.body) {x = document.body.clientWidth;}
return x;
}
function pageHeight() {
var y;
if (self.innerHeight) {y = self.innerHeight;}
else if (document.documentElement && document.documentElement.clientHeight) {y = document.documentElement.clientHeight;}
else if (document.body) {y = document.body.clientHeight;}
return y;
}
function createNamedElement(t, n) {
var el = null;
try {
el = document.createElement('<'+t+' name="'+n+'">');
} catch (e) {
}
if (!el || el.nodeName != t.toUpperCase()) {
el = document.createElement(t);
el.name = n;
}
return el;
}
var STATE_TABS_ACTIVE = 0;
function tabsOver(i) {
var element = document.getElementById("tabItem" + i);
if (i != STATE_TABS_ACTIVE) element.style.backgroundImage = "url('" + SKIN_TABS_IMG_HOVER + "')";
}
function tabsOut(i) {
var element = document.getElementById("tabItem" + i);
element.style.backgroundImage = "url('" + ((i == STATE_TABS_ACTIVE) ? SKIN_TABS_IMG_ACTIVE : SKIN_TABS_IMG) + "')";
}
function tabsClick(i) {
STATE_TABS_ACTIVE = i;
for (var j=0; j<=3; j++) {
if (j > 0) document.getElementById("tabItem" + j).style.backgroundImage = "url('" + SKIN_TABS_IMG + "')";
document.getElementById("vjbAppRightContent" + j).style.display = "none";
}
if (i > 0) document.getElementById("tabItem" + i).style.backgroundImage = "url('" + SKIN_TABS_IMG_ACTIVE + "')";
document.getElementById("vjbAppRightContent" + i).style.display = "block";
switch(i) {
case 1:
if ( document.getElementById("vjbAppRightContent1").innerHTML == "") generateLibraryHTML();
break;
case 2:
if ( document.getElementById("vjbAppRightContent2").innerHTML == "") generateSearchHTML();
break;
}
}
var STATE_MENUBAR_ACTIVE = false;
function menuBarClick(i) {
STATE_MENUBAR_ACTIVE = true;
menuBarOver(i);
}
function menuBarExit() {
STATE_MENUBAR_ACTIVE = false;
hideSubMenus();
}
function menuBarOver(i) {
var element = document.getElementById("menuItem" + i);
if (!STATE_MENUBAR_ACTIVE) {
element.style.background  = SKIN_MENUBAR_HIGHLIGHT_BACKGROUNDCOLOR;
element.style.borderColor = SKIN_MENUBAR_HIGHLIGHT_BORDERCOLOR;
element.style.borderStyle = SKIN_MENUBAR_HIGHLIGHT_BORDERSTYLE;
element.style.borderWidth = "1px";
element.style.margin      = "0px";
} else {
hideSubMenus();
element.style.background  = SKIN_MENUBAR_ACTIVE_BACKGROUNDCOLOR;
element.style.borderColor = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
element.style.borderStyle = SKIN_MENUBAR_ACTIVE_BORDERSTYLE;
element.style.borderWidth = "1px 1px 0px 1px";
element.style.margin      = "0px 0px 1px 0px";
var element = document.getElementById("subMenu" + i);
element.style.visibility="visible";
}
}
function menuBarOut(i) {
if (STATE_MENUBAR_ACTIVE) return;
var element = document.getElementById("menuItem" + i);
element.style.background  = "";
element.style.borderWidth = "0px";
element.style.margin      = "1px";
}
function hideSubMenus() {
var element = document.getElementById("menuNotice");
element.style.visibility      = "hidden";
for (var i=1; i <= 5; i++) {
var element = document.getElementById("menuItem" + i);
element.style.borderWidth = "0px";
element.style.margin      = "1px";
element.style.background  = "";
var element = document.getElementById("subMenu" + i);
element.style.visibility      = "hidden";
}
for (var i=1; i <= 2; i++) {
var element = document.getElementById("foMenu" + i);
element.style.visibility      = "hidden";
}
}
function upgLinkOver(element) {
hideSubMenus();
element.style.background  = SKIN_MENUBAR_HIGHLIGHT_BACKGROUNDCOLOR;
element.style.borderColor = SKIN_MENUBAR_HIGHLIGHT_BORDERCOLOR;
element.style.borderStyle = SKIN_MENUBAR_HIGHLIGHT_BORDERSTYLE;
element.style.color       = SKIN_MENUBAR_UPG_HIGHLIGHT_COLOR;
element.style.borderWidth = "1px";
element.style.margin      = "0px";
}
function upgLinkOut(element) {
element.style.background  = "";
element.style.color       = SKIN_MENUBAR_UPG_COLOR;
element.style.borderWidth = "0px";
element.style.margin      = "1px";
}
function upgLinkClick(element) {
rightLoadHTML('/player/intro-upgrade.html');
element.style.background  = "";
element.style.color       = SKIN_MENUBAR_UPG_COLOR;
element.style.borderWidth = "0px";
element.style.margin      = "1px";
}
function menuCommandDisable(element) {
element.enabled = false;
element.style.color = SKIN_MENUBAR_COLOR_DISABLED;
}
function menuCommandEnable(element) {
element.enabled = true;
element.style.color = SKIN_MENUBAR_COLOR;
}
function menuCommand_OPEN() {
if (!this.enabled) return;
var element = document.getElementById("subMenu1");
element.style.visibility      = "hidden";
var element = document.getElementById("menuItem1");
element.style.background  = SKIN_MENUBAR_ACTIVE_BACKGROUNDCOLOR;
element.style.borderColor = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
element.style.borderStyle = SKIN_MENUBAR_ACTIVE_BORDERSTYLE;
element.style.borderWidth = "1px 1px 0px 1px";
element.style.margin      = "0px 0px 1px 0px";
var element = document.getElementById("menuNotice");
element.style.visibility = "visible";
document.getElementById("menuNotice").innerHTML = "<table  border='0' cellspacing='0' cellpadding='5'><tr><td> \
<fieldset style='width: 265px; border: 1px solid #000; margin: 0px; padding: 0px;'> \
<legend style='font-size:" + SKIN_FONTSIZE + "px; color: #000; margin: 0px 10px 0px 5px;'>Click Browse to choose a local file to play.</legend> \
<form name='openForm' style='margin: 0px;' target='fuplIF' action='/player/vbv.cgi?" + encodeURIComponent(STATE_USER_EMAIL) + "&" + STATE_USER_MD5PW + "' enctype='multipart/form-data' method='post'> \
<input type='file' name='file' style='cursor: default; font-size:" + SKIN_FONTSIZE + "px; margin: 5px;' size='30' onKeyDown='this.blur();' onSelect='this.blur();' onChange='menuCommand_OPEN_EXECUTE(this.value);'> \
</form></fieldset></td></tr></table>";
}
function menuCommand_OPEN_EXECUTE(filename) {
menuBarExit();
if (filename.match(/\.vbv$/)) {
document.openForm.submit();
} else {
wmpLoadFile(filename,0);
}
}
function menuCommand_CLOSE() {
if (!this.enabled) return;
menuBarExit();
wmpClose();
}
function menuCommand_PLAY() {
if (!this.enabled) return;
menuBarExit();
wmpPlay();
}
function menuCommand_PAUSE() {
if (!this.enabled) return;
menuBarExit();
wmpPause();
}
function menuCommand_STOP() {
if (!this.enabled) return;
menuBarExit();
wmpStop();
}
function menuCommand_MODIFY_VIDEO_TAGS() {
if (!this.enabled) return;
menuBarExit();
modifyTags();
}
function menuCommand_REMOVE_VIDEO_TAGS() {
if (!this.enabled) return;
menuBarExit();
identifyVideo("UNKNOWN");
clearInfoAreas();
document.getElementById("titleLine").innerHTML = STATE_VJB_FILENAME;
}
function menuCommand_MATCH_VIDEO() {
if (!this.enabled) return;
menuBarExit();
STATE_ADV_DISPLAY_INFO = true;
matchFile();
}
function menuCommand_REMOVE_FROM_LIBRARY() {
if (!this.enabled) return;
menuBarExit();
removeVideo();
}
function menuCommand_FULLSCREEN() {
if (!this.enabled) return;
menuBarExit();
wmpFullscreen();
}
function menuCommand_LIBRARY_AS_COVER_ART() {
if (!this.enabled) return;
menuBarExit();
STATE_LIBRARY_ARTMODE = (STATE_LIBRARY_ARTMODE ? false : true);
document.getElementById("menuCommandButton_LIBRARY_AS_COVER_ART").src = (STATE_LIBRARY_ARTMODE ? "/img/check.gif" : "/img/null.gif");
varc1DisplayCurrent();
tabsClick(1)
savePreferences()
}
function menuCommand_RESTORE_DEFAULT_LAYOUT() {
if (!this.enabled) return;
menuBarExit();
dragBarDC();
}
function menuCommand_HIDE_LEFT_PANE() {
if (!this.enabled) return;
menuBarExit();
if (paneLeftWidth == 0) {
dragBarDC();
} else {
totalWidth = document.body.clientWidth;
paneLeftWidth  = 0;
paneRightWidth = totalWidth - SKIN_PANEBORDER_WIDTH;
updateSize();
}
}
function menuCommand_HIDE_RIGHT_PANE() {
if (!this.enabled) return;
menuBarExit();
if (paneRightWidth == 0) {
dragBarDC();
} else {
totalWidth = document.body.clientWidth;
paneLeftWidth  = totalWidth - SKIN_PANEBORDER_WIDTH;
paneRightWidth = 0;
updateSize();
}
}
function menuCommand_ADJUST_VOLUME() {
if (!this.enabled) return;
var element = document.getElementById("subMenu4");
element.style.visibility      = "hidden";
var element = document.getElementById("menuItem4");
element.style.background  = SKIN_MENUBAR_ACTIVE_BACKGROUNDCOLOR;
element.style.borderColor = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
element.style.borderStyle = SKIN_MENUBAR_ACTIVE_BORDERSTYLE;
element.style.borderWidth = "1px 1px 0px 1px";
element.style.margin      = "0px 0px 1px 0px";
var element = document.getElementById("foMenu1");
element.style.visibility      = "hidden";
var element = document.getElementById("foMenu2");
element.style.visibility      = "hidden";
var element = document.getElementById("menuNotice");
element.style.visibility = "visible";
document.getElementById("menuNotice").innerHTML = "<div style='margin: 5px 5px 0px 5px;'>Current volume: <span id=currentVolume>" + STATE_VJB_VOLUME + "%</span></div>" +
"<div id='volumeBar' style='overflow: hidden; cursor: w-resize; margin: 5px; height: 8px;'><div id='volumeSlider' style='overflow: hidden; height: 8px;'></div></div>";
var v1 = document.getElementById("volumeSlider");
var v2 = document.getElementById("volumeBar");
v1.style.width = parseInt( 0.5 + v2.offsetWidth * STATE_VJB_VOLUME / 100 ) + "px";
v1.style.backgroundColor = SKIN_MENUBAR_HIGHLIGHT_BACKGROUNDCOLOR;
v2.style.backgroundColor = SKIN_MENUBAR_COLOR;
v2.onmousedown = volumeBarMD;
}
function menuCommand_MUTE() {
if (!this.enabled) return;
menuBarExit();
STATE_VJB_MUTE = (STATE_VJB_MUTE ? false : true);
document.getElementById("menuCommandButton_MUTE").src = (STATE_VJB_MUTE ? "/img/check.gif" : "/img/null.gif");
if (document.getElementById("wmpPlayer")) wmpMute();
}
function menuCommand_CHANGE_SKIN() {
if (!this.enabled) return;
var element = document.getElementById("foMenu2");
element.style.visibility      = "hidden";
var element = document.getElementById("foMenu1");
element.style.top = document.getElementById("subMenu4").offsetTop + this.offsetTop - 2 + "px";
element.style.left = document.getElementById("subMenu4").offsetLeft + this.offsetWidth - 5 + "px";
element.style.visibility = "visible";
}
function menuCommand_DEFAULT() {
if (!this.enabled) return;
menuBarExit();
menuCommand_SKIN_EXECUTE("DEFAULT");
}
function menuCommand_BLUE() {
if (!this.enabled) return;
menuBarExit();
menuCommand_SKIN_EXECUTE("BLUE");
}
function menuCommand_SKIN_EXECUTE(skin) {
STATE_SKIN = skin;
executeJavascript(STATE_SKIN + ".js")
skinInit();
document.getElementById("menuCommandButton_" + STATE_SKIN).src = "/img/check.gif";
generateLibraryHTML();
generateSearchHTML();
generateShareHTML();
document.getElementById("menuCommandButton_LIBRARY_AS_COVER_ART").src = (STATE_LIBRARY_ARTMODE ? "/img/check.gif" : "/img/null.gif");
varc1DisplayCurrent();
displayInfo('VIDEO',STATE_LIBRARY_KEY[STATE_VJB_FILENAME],'PLAY','');
tabsClick(STATE_TABS_ACTIVE);
}
function menuCommand_FONT_SIZE() {
if (!this.enabled) return;
var element = document.getElementById("foMenu1");
element.style.visibility      = "hidden";
var element = document.getElementById("foMenu2");
element.style.top = document.getElementById("subMenu4").offsetTop + this.offsetTop - 2 + "px";
element.style.left = document.getElementById("subMenu4").offsetLeft + this.offsetWidth - 5 + "px";
element.style.visibility = "visible";
}
function menuCommand_SMALLER() {
if (!this.enabled) return;
menuBarExit();
menuCommand_FONT_EXECUTE(-2);
}
function menuCommand_NORMAL() {
if (!this.enabled) return;
menuBarExit();
menuCommand_FONT_EXECUTE(0);
}
function menuCommand_LARGER() {
if (!this.enabled) return;
menuBarExit();
menuCommand_FONT_EXECUTE(2);
}
function menuCommand_LARGEST() {
if (!this.enabled) return;
menuBarExit();
menuCommand_FONT_EXECUTE(4);
}
function menuCommand_FONT_EXECUTE(incr) {
STATE_ADV_FONTSIZE_INC = incr;
document.getElementById("menuCommandButton_SMALLER").src = "/img/null.gif";
document.getElementById("menuCommandButton_NORMAL").src = "/img/null.gif";
document.getElementById("menuCommandButton_LARGER").src = "/img/null.gif";
document.getElementById("menuCommandButton_LARGEST").src = "/img/null.gif";
switch (STATE_ADV_FONTSIZE_INC) {
case -2: document.getElementById("menuCommandButton_SMALLER").src = "/img/check.gif"; break;
case 0: document.getElementById("menuCommandButton_NORMAL").src = "/img/check.gif"; break;
case 2: document.getElementById("menuCommandButton_LARGER").src = "/img/check.gif"; break;
case 4: document.getElementById("menuCommandButton_LARGEST").src = "/img/check.gif"; break;
}
document.getElementById("vjbAppLeft").style.fontSize = parseInt(SKIN_LEFT_PANE_FONTSIZE + STATE_ADV_FONTSIZE_INC) + "px";
document.getElementById("vjbAppRight").style.fontSize = parseInt(SKIN_RIGHT_PANE_FONTSIZE + STATE_ADV_FONTSIZE_INC) + "px";
generateLibraryCovers('');
if (/^generateLibraryCovers/.test(STATE_TAB_L)) eval(STATE_TAB_L);
}
function menuCommand_ADVANCED() {
if (!this.enabled) return;
var element = document.getElementById("subMenu4");
element.style.visibility      = "hidden";
var element = document.getElementById("menuItem4");
element.style.background  = SKIN_MENUBAR_ACTIVE_BACKGROUNDCOLOR;
element.style.borderColor = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
element.style.borderStyle = SKIN_MENUBAR_ACTIVE_BORDERSTYLE;
element.style.borderWidth = "1px 1px 0px 1px";
element.style.margin      = "0px 0px 1px 0px";
var element = document.getElementById("foMenu1");
element.style.visibility      = "hidden";
var element = document.getElementById("foMenu2");
element.style.visibility      = "hidden";
var element = document.getElementById("menuNotice");
element.style.visibility = "visible";
document.getElementById("menuNotice").innerHTML = "<table  border='0' cellspacing='0' cellpadding='5'><tr><td> \
<form name='optionsForm' style='margin: 0px;' onsubmit='processOptions(this.form);'> \
<fieldset style='width: 265px; border: 1px solid #000; margin: 0px; padding: 0px;'> \
<legend style='font-size:"+SKIN_FONTSIZE+"px; color: #000; margin: 0px 10px 0px 5px;'>Advanced settings.</legend> \
<table style='font-size: "+SKIN_FONTSIZE+"px; margin-top: 5px;' border='0' cellspacing='0' cellpadding='0'> \
<tr><td colspan='2' style='padding: 5px 0px 0px 4px;'>Viewing Pane options (left-hand side):</td></tr>\
<tr><td style='padding: 0px 0px 0px 8px;'><input type='checkbox' name='displayInfoPane' style='cursor: default;' " +(STATE_ADV_DISPLAY_INFO ? "CHECKED" : "UNCHECKED")+"></td> \
<td style='padding: 0px 2px 0px 0px;' onmousedown='document.optionsForm[\"displayInfoPane\"].checked = !document.optionsForm[\"displayInfoPane\"].checked;'>Show information for currently playing video.</td></tr> \
<tr><td style='padding: 0px 0px 0px 8px;'><input type='checkbox' name='defaultFullscreen' style='cursor: default;' " +(STATE_ADV_DEFAULT_FS ? "CHECKED" : "UNCHECKED")+"></td> \
<td style='padding: 0px 2px 0px 0px;' onmousedown='document.optionsForm[\"defaultFullscreen\"].checked = !document.optionsForm[\"defaultFullscreen\"].checked;'>Start videos in fullscreen mode.</td></tr> \
<tr><td colspan='2' style='padding: 12px 0px 0px 4px;'>Browsing Pane options (right-hand side):</td></tr>\
<tr><td style='padding: 0px 0px 0px 8px;'><input type='checkbox' name='browseArtDisplay' style='cursor: default;' "+(STATE_ADV_DISPLAY_ART ? "CHECKED" : "UNCHECKED")+" onchange='document.optionsForm[\"browseArtSize\"].disabled = !document.optionsForm[\"browseArtDisplay\"].checked;'></td> \
<td style='padding: 0px 2px 0px 0px;'><span onmousedown='document.optionsForm[\"browseArtDisplay\"].checked = !document.optionsForm[\"browseArtDisplay\"].checked; document.optionsForm[\"browseArtSize\"].disabled = !document.optionsForm[\"browseArtDisplay\"].checked;'>Display video art</span> \
<select name='browseArtSize' style='border-width: 1px; font-family: " + SKIN_FONTFAMILY + "; font-size: "+SKIN_FONTSIZE+"px;' "+(STATE_ADV_DISPLAY_ART ? "" : "DISABLED")+"> \
<option value='Thumb' "+(STATE_ADV_ART_SIZE == 'Thumb' ? "SELECTED":"")+">Thumbnail \
<option value='Standard' "+(STATE_ADV_ART_SIZE == 'Standard' ? "SELECTED":"")+">Standard Height \
<option value='Full' "+(STATE_ADV_ART_SIZE == 'Full' ? "SELECTED":"")+">Full Size \
</select></td></tr> \
<tr><td style='padding: 0px 0px 0px 8px;'><input type='checkbox' name='browseTextBelow' style='cursor: default;' "+(STATE_ADV_TEXT_BELOW ? "CHECKED" : "UNCHECKED")+"></td> \
<td style='padding: 0px 2px 0px 0px;' onmousedown='document.optionsForm[\"browseTextBelow\"].checked = !document.optionsForm[\"browseTextBelow\"].checked;'>Display text below video art (not to the right).</td></tr> \
<tr><td style='padding: 0px 0px 0px 8px;'><input type='checkbox' name='searchHighlight' style='cursor: default;' "+(STATE_ADV_SEARCH_HL ? "CHECKED" : "UNCHECKED")+"></td> \
<td style='padding: 0px 2px 0px 0px;' onmousedown='document.optionsForm[\"searchHighlight\"].checked = !document.optionsForm[\"searchHighlight\"].checked;'>Highlight matching search terms.</td></tr> \
<tr><td colspan='2' align='right'><input type='button' style='cursor: default; font-family: "+SKIN_FONTFAMILY+"; font-size: "+SKIN_FONTSIZE+"px; margin: 5px;' value='Cancel' onmousedown='menuBarExit();'><input type='button' style='cursor: default; font-family: "+SKIN_FONTFAMILY+"; font-size: "+SKIN_FONTSIZE+"px; margin: 5px;' value='Apply' onmousedown='processOptions(this.form);'></td></tr> \
</table></fieldset></td></tr></table>";
}
function menuCommand_CHANGE_PASSWORD() {
if (!this.enabled) return;
var element = document.getElementById("subMenu5");
element.style.visibility      = "hidden";
var element = document.getElementById("menuItem5");
element.style.background  = SKIN_MENUBAR_ACTIVE_BACKGROUNDCOLOR;
element.style.borderColor = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
element.style.borderStyle = SKIN_MENUBAR_ACTIVE_BORDERSTYLE;
element.style.borderWidth = "1px 1px 0px 1px";
element.style.margin      = "0px 0px 1px 0px";
var element = document.getElementById("menuNotice");
element.style.visibility = "visible";
document.getElementById("menuNotice").innerHTML = "<table  border='0' cellspacing='0' cellpadding='5'><tr><td> \
<fieldset style='width: 265px; border: 1px solid #000; margin: 0px; padding: 0px;'> \
<legend style='font-size:" + SKIN_FONTSIZE + "px; color: #000; margin: 0px 10px 0px 5px;'>Verify current password and create a new one.</legend> \
<table style='font-size: " + SKIN_FONTSIZE + "px; margin-top: 5px;' border='0' cellspacing='0' cellpadding='0'> \
<tr><td align=center' style='padding: 0px 5px;'>Old Password</td><td><input id='clOldPass' type='password' tabindex='1' style='width: 135px; font-family: " + SKIN_FONTFAMILY + "; font-size: " + SKIN_FONTSIZE + "px;'></td> \
<tr><td style='padding: 0px 5px;'>New Password</td><td><input id='clNewPass1' type='password' tabindex='2' style='width: 135px; font-family: " + SKIN_FONTFAMILY + "; font-size: " + SKIN_FONTSIZE + "px;'></td></tr> \
<tr><td style='padding: 0px 5px;'>Verify</td><td><input id='clNewPass2' type='password' tabindex='3' style='width: 135px; font-family: " + SKIN_FONTFAMILY + "; font-size: " + SKIN_FONTSIZE + "px;'></td></tr> \
<tr><td colspan='2' align='right'><input type='button' tabindex='4' style='cursor: default; font-family: " + SKIN_FONTFAMILY + "; font-size: " + SKIN_FONTSIZE + "px; margin: 5px;' value='Submit' \
onmousedown='changeLogin(document.getElementById(\"clOldPass\").value, document.getElementById(\"clNewPass1\").value, document.getElementById(\"clNewPass2\").value);'></td></tr> \
</table></fieldset></td></tr></table>";
}
function menuCommand_LOGOUT() {
if (!this.enabled) return;
menuBarExit();
delete_cookie('USNM');
delete_cookie('AUTH');
window.location.href=window.location.href;
if (window.opener && window.opener.location) window.opener.location.reload();
}
function skinInit() {
document.body.style.fontFamily = SKIN_FONTFAMILY;
document.body.style.fontSize   = SKIN_FONTSIZE + "px";
imagePreloader( "/img/null.gif", "/img/check.gif", SKIN_CONTROL_AREA_IMG, SKIN_CONTROL_IMAGE,
SKIN_CONTROL_BACK_IMG_HOVER, SKIN_CONTROL_REVERSE_IMG_HOVER, SKIN_CONTROL_FASTFORWARD_IMG_HOVER, SKIN_CONTROL_FULLSCREEN_IMG_HOVER,
SKIN_CONTROL_PLAY_IMG_HOVER, SKIN_CONTROL_PAUSE_IMG_HOVER, SKIN_CONTROL_STOP_IMG_HOVER,
SKIN_CONTROL_PLAY_IMG_ACTIVE, SKIN_CONTROL_PAUSE_IMG_ACTIVE, SKIN_CONTROL_STOP_IMG_ACTIVE,
SKIN_TRACKER_IMG, SKIN_TRACKER_PLAYED_IMG, SKIN_TRACKER_MARKER_IMG,
SKIN_TABS_IMG, SKIN_TABS_IMG_HOVER, SKIN_TABS_IMG_ACTIVE,
SKIN_EXPAND_BUTTON_IMG_ON, SKIN_EXPAND_BUTTON_IMG_OFF, SKIN_EXPAND_BUTTON_IMG_ON_HOVER, SKIN_EXPAND_BUTTON_IMG_OFF_HOVER,
SKIN_MORE_BUTTON_IMG_ON, SKIN_MORE_BUTTON_IMG_OFF, SKIN_MORE_BUTTON_IMG_ON_HOVER, SKIN_MORE_BUTTON_IMG_OFF_HOVER,
SKIN_ICON_PLAY, SKIN_ICON_PLAY_HOVER )
var element = document.getElementById("vjbControl");
element.style.height          = SKIN_CONTROL_AREA_HEIGHT + "px";
element.style.backgroundImage = "url('" + SKIN_CONTROL_AREA_IMG + "')";
element.style.backgroundColor = SKIN_CONTROL_AREA_BACKGROUNDCOLOR;
var element = document.getElementById("vjbAppLeft");
element.style.top             = SKIN_CONTROL_AREA_HEIGHT + "px";
element.style.backgroundColor = SKIN_LEFT_PANE_BACKGROUNDCOLOR;
element.style.color           = SKIN_LEFT_PANE_COLOR;
element.style.fontSize        = parseInt(SKIN_LEFT_PANE_FONTSIZE + STATE_ADV_FONTSIZE_INC) + "px";
var element = document.getElementById("vjbAppRight");
element.style.top             = SKIN_CONTROL_AREA_HEIGHT + "px";
element.style.backgroundColor = SKIN_RIGHT_PANE_BACKGROUNDCOLOR;
element.style.color           = SKIN_RIGHT_PANE_COLOR;
element.style.fontSize        = parseInt(SKIN_RIGHT_PANE_FONTSIZE + STATE_ADV_FONTSIZE_INC) + "px";
var element = document.getElementById("dragBar");
element.style.top             = SKIN_CONTROL_AREA_HEIGHT + "px";
element.style.width           = SKIN_PANEBORDER_WIDTH + "px";
element.style.backgroundColor = SKIN_PANEBORDER_BACKGROUNDCOLOR;
var element = document.getElementById("infoLine");
element.style.top             = SKIN_INFOLINE_TOP + "px";
element.style.left            = SKIN_INFOLINE_LEFT + "px";
element.style.height          = SKIN_INFOLINE_HEIGHT + "px";
element.style.color           = SKIN_INFOLINE_COLOR;
element.style.fontSize        = SKIN_INFOLINE_FONTSIZE + "px";
var element = document.getElementById("titleLine");
element.style.top             = SKIN_TITLELINE_TOP + "px";
element.style.left            = SKIN_TITLELINE_LEFT + "px";
element.style.height          = SKIN_TITLELINE_HEIGHT + "px";
element.style.color           = SKIN_TITLELINE_COLOR;
element.style.fontSize        = SKIN_TITLELINE_FONTSIZE + "px";
var element = document.getElementById("controlImage");
element.src            = SKIN_CONTROL_IMAGE;
element.style.top      = SKIN_CONTROL_TOP + "px";
element.style.left     = SKIN_CONTROL_LEFT + "px";
element.style.width    = SKIN_CONTROL_WIDTH + "px";
element.style.height   = SKIN_CONTROL_HEIGHT + "px";
var buttons = new Array("BACK",
"PLAY",
"PAUSE",
"STOP",
"REVERSE",
"FASTFORWARD",
"FULLSCREEN");
for (var i=0; i<buttons.length; i++) {
var element = document.getElementById("control_" + buttons[i]);
element.style.position        = "absolute";
element.style.top             = eval("SKIN_CONTROL_" + buttons[i] +"_TOP") + SKIN_CONTROL_TOP + "px";
element.style.left            = eval("SKIN_CONTROL_" + buttons[i] +"_LEFT") + SKIN_CONTROL_LEFT + "px";
element.style.width           = eval("SKIN_CONTROL_" + buttons[i] +"_WIDTH") + "px";
element.style.height          = eval("SKIN_CONTROL_" + buttons[i] +"_HEIGHT") + "px";
element.style.backgroundImage = "url('" + eval("SKIN_CONTROL_" + buttons[i] +"_IMG_HOVER") + "')";
element.onmouseover = function() {
this.style.overflow           = "visible";
this.style.backgroundPosition = "0px 0px";
}
element.onmouseout = function() {
this.style.overflow           = "hidden";
this.style.backgroundPosition = "999px 999px";
}
var element = document.getElementById("control_" + buttons[i] + "_Active");
if (!element) continue;
element.style.overflow        = "visible";
element.style.position        = "absolute";
element.style.top             = eval("SKIN_CONTROL_" + buttons[i] +"_TOP") + SKIN_CONTROL_TOP + "px";
element.style.left            = eval("SKIN_CONTROL_" + buttons[i] +"_LEFT") + SKIN_CONTROL_LEFT + "px";
element.style.width           = eval("SKIN_CONTROL_" + buttons[i] +"_WIDTH") + "px";
element.style.height          = eval("SKIN_CONTROL_" + buttons[i] +"_HEIGHT") + "px";
element.style.backgroundImage = "url('" + eval("SKIN_CONTROL_" + buttons[i] +"_IMG_ACTIVE") + "')";
}
var element = document.getElementById("menuBar");
element.style.backgroundColor = SKIN_MENUBAR_BACKGROUNDCOLOR;
element.style.color           = SKIN_MENUBAR_COLOR;
var element = document.getElementById("menuNotice");
element.style.backgroundColor = SKIN_MENUBAR_ACTIVE_BACKGROUNDCOLOR;
element.style.borderColor     = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
element.style.borderStyle     = SKIN_MENUBAR_ACTIVE_BORDERSTYLE;
for (var i=1; i <= 5; i++) {
var element = document.getElementById("menuItem" + i);
element.style.borderColor = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
var element = document.getElementById("subMenu" + i);
element.style.fontSize         = SKIN_FONTSIZE + "px";
element.style.backgroundColor  = SKIN_MENUBAR_ACTIVE_BACKGROUNDCOLOR;
element.style.borderColor      = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
element.style.borderStyle      = SKIN_MENUBAR_ACTIVE_BORDERSTYLE;
}
var element = document.getElementById("menuItemU");
element.style.color = SKIN_MENUBAR_UPG_COLOR;
var commands = new Array("Open",
"Close",
"Play",
"Pause",
"Stop",
"Modify Video Tags",
"Remove Video Tags",
"Match Video",
"Remove from Library",
"Library as Cover Art",
"Fullscreen",
"Restore Default Layout",
"Hide Left Pane",
"Hide Right Pane",
"Adjust Volume",
"Mute",
"Change Skin...",
"Font Size...",
"Advanced",
"Change Password",
"Logout",
"Default",
"Blue",
"Smaller",
"Normal",
"Larger",
"Largest");
for (var i=0; i<commands.length; i++) {
var ename   = commands[i].toUpperCase().replace(/ /g, "_").replace(/\./g, "");
var element = document.getElementById("menuCommand_" + ename);
element.innerHTML         = "<img id='menuCommandButton_" + ename + "'>" + commands[i]
element.style.borderColor = SKIN_MENUBAR_HIGHLIGHT_BORDERCOLOR;
element.style.borderStyle = SKIN_MENUBAR_HIGHLIGHT_BORDERSTYLE;
element.enabled = true;
element.onmouseover = function () {
if (!this.enabled) return;
this.style.background  = SKIN_MENUBAR_HIGHLIGHT_BACKGROUNDCOLOR;
this.style.borderWidth = "1px";
this.style.margin      = "0px";
this.style.padding     = "1px 9px 1px 1px";
}
element.onmouseout = function () {
this.style.background  = "";
this.style.borderWidth = "0px";
this.style.margin      = "1px";
this.style.padding     = "2px 10px 2px 2px";
}
element.onmousedown = eval("menuCommand_" + ename);
var element = document.getElementById("menuCommandButton_" + ename);
element.width  = 16;
element.height = 12;
element.src    = "/img/null.gif";
}
for (var i=1; i <= 2; i++) {
var element = document.getElementById("foMenu" + i);
element.style.fontSize         = SKIN_FONTSIZE + "px";
element.style.backgroundColor  = SKIN_MENUBAR_ACTIVE_BACKGROUNDCOLOR;
element.style.borderColor      = SKIN_MENUBAR_ACTIVE_BORDERCOLOR;
element.style.borderStyle      = SKIN_MENUBAR_ACTIVE_BORDERSTYLE;
}
var element = document.getElementById("tabBar");
element.style.top             = (SKIN_CONTROL_AREA_HEIGHT-SKIN_TABS_HEIGHT) + "px";
element.style.right           = "0px";
element.style.width           = (3*SKIN_TABS_WIDTH-1) + "px";
element.style.height          = SKIN_TABS_HEIGHT + "px";
element.style.fontSize        = SKIN_TABS_FONTSIZE + "px";
element.style.fontWeight      = SKIN_TABS_FONTWEIGHT;
for (var i=0; i <= 3; i++) {
if (i > 0) {
var element = document.getElementById("tabItem" + i);
element.style.paddingTop      = SKIN_TABS_TOP_PADDING + "px";
element.style.width           = ((i == 3) ? SKIN_TABS_WIDTH : SKIN_TABS_WIDTH-1) + "px";
element.style.height          = SKIN_TABS_HEIGHT + "px";
element.style.backgroundImage = "url('" + SKIN_TABS_IMG + "')";
}
var element = document.getElementById("vjbAppRightContent" + i);
element.style.padding          = SKIN_RIGHT_PANE_INTERNAL_PADDING;
}
var element = document.getElementById("positionFull");
element.style.top             = SKIN_TRACKER_TOP + "px";
element.style.left            = SKIN_TRACKER_LEFT_PADDING + "px";
element.style.height          = SKIN_TRACKER_HEIGHT + "px";
element.style.backgroundImage = "url('" + SKIN_TRACKER_IMG + "')";
var element = document.getElementById("positionPast");
element.style.top             = SKIN_TRACKER_TOP + "px";
element.style.left            = SKIN_TRACKER_LEFT_PADDING + "px";
element.style.height          = SKIN_TRACKER_HEIGHT + "px";
element.style.backgroundImage = "url('" + SKIN_TRACKER_PLAYED_IMG + "')";
var element = document.getElementById("positionMark");
element.style.top             = SKIN_TRACKER_TOP + "px";
element.style.left            = SKIN_TRACKER_LEFT_PADDING + "px";
element.style.height          = SKIN_TRACKER_HEIGHT + "px";
element.style.backgroundImage = "url('" + SKIN_TRACKER_MARKER_IMG + "')";
}