/**
 * 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;

    //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 + ")";
}

/*
 * Get the HTTP Object
 */
function getHTTPObject(){
	if( window.ActiveXObject ) { 
		// Object in IE7+, Firefox, Chrome, Opera, Safari
		return new ActiveXObject( "Microsoft.XMLHTTP" );
	} else if( window.XMLHttpRequest ) { 
		// Object in IE6, IE5
		return new XMLHttpRequest();
	} else {
		//No AJAX in this browser :-(
		alert( "Your browser does not support AJAX." );
		return null;
	}
}

function changeSelectValue( SelectBoxID, ValueHolderID ) {
	var SelectBoxNode 		= document.getElementById( SelectBoxID ); 	//Selectbox
	var ValueHolderNode 	= document.getElementById( ValueHolderID );	//New element which contains the value
	if ( ValueHolderNode && SelectBoxNode ) {		
		ValueHolderNode.innerHTML = SelectBoxNode.options[ SelectBoxNode.selectedIndex ].innerHTML; //Setting the innerHTML of the selectedIndex in the valueHolder
	}
}