function rtrim(str) {
     if(typeof(str)=="string") return str.replace(/\s+$/,"");
    else return str;
   }

var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = behaviourInit;

function behaviourInit()
{
    onMouseOverInit();
    thickboxGalleryInit();
    tb_init('a.thickbox');//pass where to apply thickbox
    imgLoader = new Image();// preload image
    imgLoader.src = tb_pathToImage;
}

function onMouseOverInit()
{
	if (!W3CDOM) return;
	/* var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');*/
	var imgs = document.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
	        if (!imgs[i].className.match(/overlayImg/)) continue;
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_over" + suffix;
		imgs[i].number = i;
	}
}

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}

/** rewrites class=popoverImg so dojo can make a tooltip out of it
 */
function thickboxGalleryInit() {
    if (!W3CDOM) return;
    var imgs = document.getElementsByTagName('img');
    for (var i=0;i<imgs.length;i++)
    {
        if (!imgs[i].className.match(/gallerypic/)) continue;

        var classOrig = imgs[i].className.replace(/gallerypic/g, "");

        //replace img with <a href="link2bigImg" class="thickbox" title="" alt=""><img...></a>

        var imgParent = imgs[i].parentNode;

        var newNode = document.createElement('a');
        imgParent.insertBefore(newNode,imgs[i]);

        var imgSmall  = imgParent.removeChild(imgs[i]); //imgs[i].cloneNode(false);
        var imgNew    = document.createElement('img');

        var suffix = imgSmall.src.substring(imgSmall.src.lastIndexOf('.'));
        newNode.href = imgSmall.src.substring(0,imgSmall.src.lastIndexOf('.')) + "_big" + suffix;

        newNode.setAttribute('name', imgSmall.getAttribute('alt'));
        newNode.setAttribute('title', imgSmall.getAttribute('title'));
        newNode.setAttribute('class', 'thickbox ');
        newNode.setAttribute('className', 'thickbox');
        var group = imgSmall.getAttribute('name');
        newNode.setAttribute('rel', group);

        imgNew.setAttribute('src',imgSmall.getAttribute('src'));
        imgNew.setAttribute('width',imgSmall.getAttribute('width'));
        imgNew.setAttribute('height',imgSmall.getAttribute('height'));
        imgNew.setAttribute('class', classOrig);
        newNode.appendChild(imgNew);

    }
}