//*********** Settings ***********/
var fade_speed = 12;
//*********** /Settings ***********/

var reset=0;
var def_element_id="";
var timeoutid= new Array(100);
var reset_timeoutid= new Array(100);
var currentopac = 0;
var current_elem_id;

function dim(element) {
var opac_start = 0;
	opac_reset(def_element_id);
	
	if(def_element_id == element.id) {
		for (i = 0; i <= 100; i++) {	
			clearTimeout(reset_timeoutid[i]);
		}
		opac_start = currentopac;
	}

	for (i = opac_start; i <= 100; i++) {
		timeoutid[i] = setTimeout("opac('"+element.id+"','"+i+"')",i*fade_speed);
	}

	def_element_id = element.id;
	current_elem_id = 0;
}


function minopac(element) {
	opac_reset(element.id);
}

function opac(element,opacity) {
	currentopac = opacity;
	document.getElementById(element).style.filter = "alpha(opacity="+opacity+")";
	if (opacity == 100)
		opacity = 99;
	document.getElementById(element).style.MozOpacity = opacity/100;
	document.getElementById(element).style.KhtmlOpacity = opacity/100;
	document.getElementById(element).style.Opacity = opacity/100;

}

function opac_reset(element_id) {
	for (i = 0; i <= 100; i++) {	
		clearTimeout(timeoutid[i]);
	}

	
	
	if (current_elem_id != element_id) {
		var j = currentopac;
		while (j>1) {
			reset_timeoutid[j] = setTimeout("opac('"+element_id+"','"+j+"')",(100-j)*fade_speed);
			j--;
		}
	}

	current_elem_id = element_id;
}