//IMAGE FADE IN & OUT BY CRONDESIGN.COM
function displayOff(nr){
	document.getElementById(nr).style.display = 'none';
	return false
}
function displayOn(nr){
	document.getElementById(nr).style.display = 'block';
	return false
}
function displayToggle(hiding_object,focus_field){
	document.getElementById(hiding_object).style.display = (document.getElementById(hiding_object).style.display == 'none') ? 'block' : 'none';
	return false
}
var currentOpac=''

function fadeto(obj,targOpac){
	if(targOpac==100 && currentOpac==''){
		setOpac(0, obj);
		currentOpac=0;
	}else if(targOpac==0 && currentOpac=='') {
		setOpac(100, obj);
		currentOpac=100;
	} //setup
	fadeint=setInterval("runfade('"+obj+"',"+targOpac+")",20);
}

function runfade(obj,targOpac){
	if(currentOpac-targOpac>0){//fade out:::
		currentOpac-=2;
		if(currentOpac<=targOpac){clearInterval(fadeint);  return true}
	}else{//fade in:::
		currentOpac+=2;
		if(currentOpac>=targOpac){clearInterval(fadeint); return true}
	}
	setOpac(currentOpac, obj)
}

function setOpac(opacity, obj) { //change the opacity for different browsers 
    var object = document.getElementById(obj).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")";
}

currentH=0;
function drop(objname,currH,targH){
	displayOn(objname);
	if(currentH==''){currentH=currH}
	dropint=setInterval("rundrop('"+objname+"',"+targH+")",15);
}

function rundrop(objname,targH){
	obj=document.getElementById(objname).style
	newH=currentH+(targH-currentH)/10;
	if(Math.round(newH)==targH){
		clearInterval(dropint);
		displayOn('boxcontents')
		fadeto('boxcontents',100)
	}
	obj.height = newH+'px'
	currentH=newH
}