//change the opacity for different browsers

var currentOpacity = 0;
var fadeDir = "down";
var endValue = 0;
function opacity (id, start, end, time) {
	var timer = 0;
	var speed = Math.round(time / 100);
	endValue = end;
	
	// fade
	if (start > end) {
		// fade out
		for (i = start; i >= end; i--) {
			setTimeout("setOpacity(" + i + ",'" + id + "')",(timer * speed));
			timer++; 
		}
		fadeDir = "up";
		move();
	} else if (end > start) {
		// fade in
		for (i = start; i <= end; i++) {
			setTimeout("setOpacity(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

function move () {
	if (currentOpacity == endValue) {
		clearTimeout();
		if (fadeDir == "up") {
			startmove("up");
		}
	} else {
		setTimeout("move()", 50)
	}
}

function setOpacity(opacity, id) {
	if(!(is_mac && is_firefox)) {
		currentOpacity = opacity;
    	var object = document.getElementById(id).style;
		object.MozOpacity = (opacity / 100);
		object.opacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}
}