/**
 * Function to simply change an object's classname.
 * 
 * @param Object, ID of an object
 * @param ClassName, The new classname
 * @return void
 */
function changeClassname( Object, ClassName ){
	var ShowElement = document.getElementById( Object );
	if( ShowElement && ClassName ){
		ShowElement.className = ClassName;
	}
}

/**
 * Change the opacity of an object
 * 
 * @param id The ID of the object that we want to change
 * @param opacStart The start opacity
 * @param opacEnd The end opacity
 * @param millisec The time for changing the opacity
 * @return
 */
function opacity( id, opacStart, opacEnd, millisec ) {
    //speed for each frame
    var speed = Math.round( millisec / 100 );
    var timer = 0;
    var i = 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++;
        }
    } 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 + ")";
}