/* modal box stuff */
function showModalCurtain(afterFunc){
	if (!afterFunc){
		afterFunc=function(){};		
	}	
	
	modalContainerObj=$('modalCurtainContainer');
	modalContainerObj.style.height=modalContainerObj.parentNode.offsetHeight+"px";
		
	if (getStyle(modalContainerObj,"display")=="none"){
		new Effect.Appear('modalCurtainContainer', { duration: 0.2, from:0.0, to: 0.7, queue: 'end' , afterFinish: afterFunc});
		}
	return false;
}

function hideModalCurtain(afterFunc){	
	if (!afterFunc){
		afterFunc=function(){};					
	}
		
	new Effect.Fade('modalCurtainContainer', { duration: 0.2, from:0.7, to: 0.0, queue: 'end', afterFinish: afterFunc });	
	return false;
}


/* modal box stuff */

function showModalBox(modalboxID){

    var modalBackdrop=$('modalBackdrop');
	var modalBox=$(modalboxID);			
		
	//set width and height parameters on the object, so we could use them later while
	// the objet is in display 'none'
	if (!modalBox.boxWidth && !modalBox.boxHeight)
	{
		modalBox.boxWidth=modalBox.offsetWidth;
		modalBox.boxHeight=modalBox.offsetHeight;
		
	} 			
	//alert(xDocSize().h)	
	modalBox.style.display="none";	
	modalBox.style.left=Math.round((modalBox.parentNode.offsetWidth/2-modalBox.boxWidth/2))+"px";		
	//modalBox.style.top=Math.round((modalBox.parentNode.offsetHeight/2)-modalBox.boxHeight/2)+"px"; ewave
	modalBox.style.top="200px";
	
	new Effect.Appear(modalboxID, { duration: 0.2, from:0.0, to: 1.0, queue: 'end' });	
}

function hideModalBox(modalboxID,afterFunc){
	var modalBox=$(modalboxID);		
	if (!afterFunc){
		afterFunc=function(){};					
	}	
	new Effect.Fade(modalboxID, { duration: 0.2, from:1.0, to: 0.0, queue: 'end', afterFinish: afterFunc});
}