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();
}

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;

        //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]);


        imgSmall  = imgParent.removeChild(imgs[i]); //imgs[i].cloneNode(false);
        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.click(function(){
        var t = this.title || this.name || null;

        if (this.title && this.getAttribute('name')) {
            t = '<strong>'+this.title+'</strong><br />'+this.getAttribute('name');
        }
        var g = this.rel || false;
        TB_show(t,this.href,g);
        this.blur();
        return false;
        });
*/
        imgNew.setAttribute('src',imgSmall.getAttribute('src'));
        imgNew.setAttribute('width',imgSmall.getAttribute('width'));
        imgNew.setAttribute('height',imgSmall.getAttribute('height'));
        newNode.appendChild(imgNew);

        

    }
}

function dojoBigPicInit() {
    if (!W3CDOM) return;
    var imgs = document.getElementsByTagName('img');
    for (var i=0;i<imgs.length;i++)
    {
        if (!imgs[i].className.match(/popoverImg/)) continue;

        //create ID for image
        var imgConnectId = 'bigImg' + i;
        imgs[i].setAttribute('id',imgConnectId);
        var imgParent = imgs[i].parentNode;

        var newNode = document.createElement('span');
        imgParent.appendChild(newNode);

        var tooltipWidget = dojo.widget.createWidget("tooltip", {connectId: imgConnectId,toggle:'fade',toggleDuration:500}, newNode);

        imgSmall  = imgs[i].cloneNode(false);
        imgBig    = document.createElement('img');
        imgParent = imgs[i].parentNode;

        var suffix = imgSmall.src.substring(imgSmall.src.lastIndexOf('.'));
        imgBig.src = imgSmall.src.substring(0,imgSmall.src.lastIndexOf('.')) + "_big" + suffix;
        imgBig.setAttribute('alt', imgSmall.getAttribute('alt'));


        var tooltipContent = document.createElement('span');
        innerSpan = document.createElement('span');
        innerSpan.appendChild(imgBig);

        var header      = rtrim(imgSmall.getAttribute('alt'));
        var desc = rtrim(imgSmall.getAttribute('title'));
        var headersize = (typeof(header)=="string" && header != null) ? header.length : 0;
        var descsize   = (typeof(desc)=="string" && desc != null)   ? desc.length   : 0;

        if (headersize > 0) {
            innerSpan.appendChild(document.createElement('br'));
            myBold = document.createElement('strong');
            myBold.appendChild(document.createTextNode(imgSmall.getAttribute('alt')));
            innerSpan.appendChild(myBold);
        }
        if (descsize > 0) {
            innerSpan.appendChild(document.createElement('br'));
            innerSpan.appendChild(document.createTextNode(imgSmall.getAttribute('title')));
        }
        tooltipContent.appendChild(innerSpan);

        tooltipWidget.setContent(tooltipContent);

        //remove original title or alt attribute, so browser cannot show it
        imgs[i].setAttribute('title','');
        imgs[i].setAttribute('alt','');
    }
}


function toggleDisplay(myElement)
{
    var boxElement;
    var toggle;

    boxElement = document.getElementById(myElement);
    toggle = document.getElementById('toggle');


    if (boxElement.style.display == 'none' || boxElement.style.display == '') {
        boxElement.style.display = 'block';
    } else {
        // ... otherwise collapse box
        boxElement.style.display = 'none';
    }


}