function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
	
	changeOpac(0, id);
	var object = document.getElementById(id).style;
	object.display = 'block';

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 
function show (id) {
   if(document.getElementById){
     document.getElementById(id).style.display = "block";
   }
}
function hide (id) {
   if(document.getElementById){
     document.getElementById(id).style.display = "none";
   }
}
function setFocus(id){
   if(document.getElementById){
     document.getElementById(id).focus();
   }
}

function toggle(id){
	if(document.getElementById){
		if (document.getElementById(id).style.display == 'none') {
			show(id);
		} else {
			hide(id);
		}
	}
}

function hideAllInfos(){
	
	var container = document.getElementById('right_content_container').getElementsByTagName('div');
	for ( var i = 0; i < container.length; i++ ) {
		if ( container[i].className == 'info' ) hide(container[i].id);
	}

	return true;	
}


// XAJAX  loading image addon
xajax.realCall = xajax.call;//keep around the old call function
//override the call function to bend to our wicked ways
xajax.call = function(sFunction, aArgs, sRequestType) {
	this.$('loading_spinner').style.display = 'inline'; //show the spinner
	return this.realCall(sFunction, aArgs, sRequestType);//call the old call function
}

xajax.realProcessResponse = xajax.processResponse;//save the old processResponse function for later
//override the processResponse function
xajax.processResponse = function(xml)    {
	this.$('loading_spinner').style.display = 'none';//hide the spinner
	return this.realProcessResponse(xml);//call the real processResponse function
}

document.write('<style type="text/css">');    
document.write('div.domtab div{display:none;}<');
document.write('/s'+'tyle>');