/**********************************************
                  TEXT TOGGLE
***********************************************/
function showText(evt) {
    getText(evt);
    //return false;
}

function getText(evt) {
    var url = evt;
    
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    } else {
        if (window.ActiveXObject) {
            try {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) { }
        }
    }
    
    if (xhr) {
        xhr.onreadystatechange = showContents;
        xhr.open("GET",url,true);
        xhr.send(null);
    } else {
        alert("Sorry, but we couldn't create an XMLHttpRequest");
    }
}

function showContents() {
	shiftOpacity('box_inner', 600);
} 



function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 300);
    var timer = 0;

    //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++;
            var txtObj = document.getElementById("box");
		    if (xhr.readyState == 4) {
	       	 txtObj.innerHTML = (xhr.status == 200) ? xhr.responseText : "There was a problem with the request" + xhr.status;
    }
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
            var txtObj = document.getElementById("box");
		    if (xhr.readyState == 4) {
		        txtObj.innerHTML = (xhr.status == 200) ? xhr.responseText : "There was a problem with the request" + xhr.status;
    }
        }
    }
}

//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 shiftOpacity(id, millisec) {
    //if an element is invisible, make it visible, else make it ivisible
        opacity(id, 0, 100, millisec);

}