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

function blendimage2(imageid, imagefile, millisec, steps) { 
	var steps = typeof(steps) != 'undefined' ? steps : 100;
	var speed = Math.round(millisec / steps);
	var timer = 0; 

	//fade out image 
	for(i = steps; i >= 0; i--) { 
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++; 
	} 

/*	//make new image 
	document.getElementById(imageid).src = imagefile; 

	//fade in image 
	for(i = 0; i <= steps; i++) { 
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++; 
	}
*/
	return false;
}

function blendimage(divid, imageid, imagefile, millisec, steps) { 
	var millisec = typeof(millisec) != 'undefined' ? millisec : 3000;
	var steps = typeof(steps) != 'undefined' ? steps : 100;
	var speed = Math.round(millisec / steps); 

	// document.forms["debug"].txt.value = "millisec = "+millisec+",steps="+steps+",speed="+speed;

	//set the current image as background 
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 

	//make image transparent 
	changeOpac(0, imageid); 

	//make new image 
	document.getElementById(imageid).src = imagefile;

	//fade in image
	var timer = 0;
	for(i = 0; i <= steps; i++) {
		// setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		setTimeout("changeOpac(" + Math.round(i*100/steps) + ",'" + imageid + "')",(timer * speed));
		timer++; 
	}
	return false;
}

function setClass(id,className) {
	var e = document.getElementById(id);
	if( ((typeof e) != 'undefined') && (e != null) ) {
		e.className = className;
	}
}

function menuChange(p) {
	var i, pa = path.split('/');
	for( i=0; i<pa.length; i++ ) {
		setClass(pa[i],'oculto');
		setClass('aX'+pa[i],'inactive');
	}
	path = p;
	pa = path.split('/');
	for( var i=0; i<pa.length; i++ ) {
		setClass(pa[i],'visible');
		setClass('aX'+pa[i],'selected');
	}
	return true;
}

/*
 *function menuSelect(idx,id) {
 *	var pa = path.split('/');
 *	if( menus[idx] != id ) {
 *		if( menus[idx] != '' ) {
 *			menuTongle(menus[idx]);
 *			menuLink('aX'+menus[idx]);
 *		}
 *		menus[idx] = id;
 *		if( menus[idx] != '' ) {
 *			menuTongle(menus[idx]);
 *			menuLink('aX'+menus[idx]);
 *		}
 *	}
 *}
 *
 *function menuTongle(id) {
 *	var e = document.getElementById(id);
 *	if( ((typeof e) != 'undefined') && (e != null) ) {
 *		var cn = e.className;
 *		if( cn.indexOf('visible')<0 ) {
 *			cn = cn.replace(/oculto/,'visible');
 *		} else {
 *			cn = cn.replace(/visible/,'oculto');
 *		}
 *		e.className = cn;
 *	}
 *}
 *
 *function menuLink(id) {
 *	var e = document.getElementById(id);
 *	if( ((typeof e) != 'undefined') && (e != null) ) {
 *		var cn = e.className;
 *		if( cn.indexOf('selected')<0 ) {
 *			cn = cn.replace(/inactive/,'selected');
 *		} else {
 *			cn = cn.replace(/selected/,'inactive');
 *		}
 *		e.className = cn;
 *	}
 *}
 */