// Initialize ScrollControl for content overflow
window.addEvent('domready', function() {
	new ScrollControl($('righttext'), {'createControls': true});
});
//If the browser is W3 DOM compliant, execute setImageSwaps function
if (document.getElementsByTagName && document.getElementById) {
	if (window.addEventListener) window.addEventListener('load', setImageSwaps, false);
	else if (window.attachEvent) window.attachEvent('onload', setImageSwaps);
}
//When document loads, apply the prepareImageSwap function to various images with our desired settings
function setImageSwaps() {
	prepareImageSwap(document.body);
	//Note that once an image is processed, it won't be processed again, so you should set more specific images first, e.g. document.body, as it is the grand
	//container, has to be processed last.
}
/********************************************************
Non-Obtrusive Image Swap Script V1.1 by Hesido.com 
Attribution required on all accounts
Usage:
foo_nm.jpg		- Our base image name
foo_hv.jpg		- Image name for hover
foo_md.jpg		- Image name for mouse-down
foo_ou.jpg		- Image name for mouse-out (when you want a separate image for mouse-out instead of restoring to original)
foo_mu.jpg		- Image name for mouse-up (when you want a separate image for mouse-up instead of restoring to original) 
********************************************************/
function prepareImageSwap(elem,mouseOver,mouseOutRestore,mouseDown,mouseUpRestore,mouseOut,mouseUp) { 
 
    if (typeof(elem) == 'string') elem = document.getElementById(elem); 
    if (elem == null) return; 
    var regg = /(.*)(_nm\.)([^\.]{3,4})$/ 
    var prel = new Array(), img, imgList, imgsrc, mtchd; 
    imgList = elem.getElementsByTagName('img'); 
    for (var i=0; img = imgList[i]; i++) { 
        if (!img.rolloverSet && img.src.match(regg)) { 
            mtchd = img.src.match(regg); 
            img.hoverSRC = mtchd[1]+'_hv.'+ mtchd[3]; 
            img.outSRC = img.src; 
            if (typeof(mouseOver) != 'undefined') { 
                img.hoverSRC = (mouseOver) ? mtchd[1]+'_hv.'+ mtchd[3] : false; 
                img.outSRC = (mouseOut) ? mtchd[1]+'_ou.'+ mtchd[3] : (mouseOver && mouseOutRestore) ? img.src : false; 
                img.mdownSRC = (mouseDown) ? mtchd[1]+'_md.' + mtchd[3] : false; 
                img.mupSRC = (mouseUp) ? mtchd[1]+'_mu.' + mtchd[3] : (mouseOver && mouseDown && mouseUpRestore) ? img.hoverSRC : (mouseDown && mouseUpRestore) ? img.src : false; 
                } 
            if (img.hoverSRC) {preLoadImg(img.hoverSRC); img.onmouseover = imgHoverSwap;} 
            if (img.outSRC) {preLoadImg(img.outSRC); img.onmouseout = imgOutSwap;} 
            if (img.mdownSRC) {preLoadImg(img.mdownSRC); img.onmousedown = imgMouseDownSwap;} 
            if (img.mupSRC) {preLoadImg(img.mupSRC); img.onmouseup = imgMouseUpSwap;} 
            img.rolloverSet = true; 
        } 
    } 
    function preLoadImg(imgSrc) { 
        prel[prel.length] = new Image(); prel[prel.length-1].src = imgSrc; 
    } 
} 
function imgHoverSwap() {this.src = this.hoverSRC;} 
function imgOutSwap() {this.src = this.outSRC;} 
function imgMouseDownSwap() {this.src = this.mdownSRC;} 
function imgMouseUpSwap() {this.src = this.mupSRC;}