// This function fades a layer in.
function fadeIn(x,final_opacity){
document.getElementById(x).style.filter = 'alpha(opacity=0)';
document.getElementById(x).style.visibility = 'visible';
for(i=0;i<=final_opacity;i=(i+10)){
var fade_cmd = "document.getElementById('" + x + "').style.filter = 'alpha(opacity=" + i + ")';";
fade_cmd += "document.getElementById('" + x + "').style.MozOpacity = '0." + Math.round(i / 10) + "';";
setTimeout(fade_cmd,(10 * i));
}
}
// This function fades a layer out.
function fadeOut(x,starting_opacity){
for(i=starting_opacity;i>=0;i=(i-10)){
var fade_cmd = "document.getElementById('" + x + "').style.filter = 'alpha(opacity=" + i + ")';";
fade_cmd += "document.getElementById('" + x + "').style.MozOpacity = '0." + Math.round(i / 10) + "';";
setTimeout(fade_cmd,(100 - (i * 10)));
}
setTimeout("document.getElementById('" + x + "').style.visibility = 'hidden';",200);
}
// This function scrolls a layer in.
function scrollIn(x,obj_width){
document.getElementById(x).style.visibility = 'visible';
document.getElementById(x).style.width = '0px';
document.getElementById(x).style.overflow = 'hidden';
document.getElementById(x).style.display = 'block';
for(i=0;i<=obj_width;i++){
var scroll_cmd = "document.getElementById('" + x + "').style.width = '" + i + "px';";
setTimeout(scroll_cmd,(2 * i));
}
}
// This function scrolls a layer out.
function scrollOut(x,obj_width){
document.getElementById(x).style.display = 'block';
document.getElementById(x).style.overflow = 'hidden';
for(i=obj_width;i>=0;i--){
var scroll_cmd = "document.getElementById('" + x + "').style.width = '" + i + "px';";
setTimeout(scroll_cmd,(200 - (i*20)));
}
scroll_cmd = "document.getElementById('" + x + "').style.display = 'none';";
setTimeout(scroll_cmd,200);
}
var original_HTML = ''; // Store the original page HTML before executing the viewLarger function here.
// This function creates a 'view larger' overlay.
function viewLarger(width,height,url){
var page = document.getElementById('body'); // Create a shortcut to the page HTML.
original_HTML = page.innerHTML; // Store the original HTML of the page. This is the contents of the tag and does not include the contents of .
// Create and fade in a dark overlay first. This will also serve as the container for the "view larger" content.
// var main = "\n";
// page.innerHTML = page.innerHTML + main;
// Create and scroll in the viewport area.
var viewport = "\n";
page.innerHTML = page.innerHTML + viewport;
// fadeIn('view_larger',90);
setTimeout("scrollIn('view_larger_image',"+(parseInt(width) + 20)+");",400);
}
// This function closes the 'view larger' display and removes its temporary HTML from the page.
function closeViewLarger(){
// Remove all 'view larger' content from the HTML and clear the HTML temporary holder variable
document.getElementById('body').innerHTML = original_HTML;
original_HTML = '';
}
function countChars(o){
var char_count = o.value.length;
document.getElementById('charcount').innerHTML = 1024 - char_count;
}