var dropin_toggle_steps=10;
var dropin_toggle_speed=5;

function sx_dropin_init(dropinId){
	var objDropin=document.getElementById(dropinId);
	sx_dropin_setDimensions(dropinId);
	sx_dropin_setSize_in(dropinId);
	objDropin.style.display="block";
	sx_dropin_toggle_slide_in(dropinId,0);
}

function sx_dropin_open(dropinId){
	var objDropin=document.getElementById(dropinId);
	if(objDropin.style.display=="none"){
		sx_dropin_setDimensions(dropinId);
		sx_dropin_setSize_in(dropinId);
		objDropin.style.display="block";
		sx_dropin_toggle_slide_in(dropinId,0);
	}
}

function sx_dropin_close(dropinId){
	var objDropin=document.getElementById(dropinId);
	if(objDropin.style.display=="block"||objDropin.style.display==""){
		sx_dropin_setDimensions(dropinId);
		objDropin.style.display="block";
		sx_dropin_setSize_out(dropinId);
		sx_dropin_toggle_slide_out(dropinId,100);
	}
}

function sx_dropin_toggle(dropinId){
	var objDropin=document.getElementById(dropinId);
	if(objDropin.style.display=="block"||objDropin.style.display==""){
		sx_dropin_setDimensions(dropinId);
		objDropin.style.display="block";
		sx_dropin_setSize_out(dropinId);
		sx_dropin_toggle_slide_out(dropinId,100);
		document.getElementById("control_toggle_open_"+dropinId).style.display="none";
		document.getElementById("control_toggle_close_"+dropinId).style.display="block";
	}else{
		sx_dropin_setDimensions(dropinId);
		objDropin.style.display="block";
		sx_dropin_setSize_in(dropinId);
		sx_dropin_toggle_slide_in(dropinId,0);
		document.getElementById("control_toggle_open_"+dropinId).style.display="block";
		document.getElementById("control_toggle_close_"+dropinId).style.display="none";
	}
}

function sx_dropin_toggle_open(dropinId){
	var objDropin=document.getElementById(dropinId);
	if(!(objDropin.style.display=="block"||objDropin.style.display=="")){
		sx_dropin_setDimensions(dropinId);
		objDropin.style.display="block";
		sx_dropin_setSize_in(dropinId);
		sx_dropin_toggle_slide_in(dropinId,0);
		document.getElementById("control_toggle_open_"+dropinId).style.display="block";
		document.getElementById("control_toggle_close_"+dropinId).style.display="none";
	}
}

function sx_dropin_toggle_close(dropinId){
	var objDropin=document.getElementById(dropinId);
	if(objDropin.style.display=="block"||objDropin.style.display==""){
		sx_dropin_setDimensions(dropinId);
		objDropin.style.display="block";
		sx_dropin_setSize_out(dropinId);
		sx_dropin_toggle_slide_out(dropinId,100);
		document.getElementById("control_toggle_open_"+dropinId).style.display="none";
		document.getElementById("control_toggle_close_"+dropinId).style.display="block";
	}
}

function sx_dropin_toggle_slide_in(dropinId,slideValue){
	var objDropin=document.getElementById(dropinId);
	if(slideValue < 100){
		if(document.all){
			if(objDropin.opacity > slideValue){
				objDropin.style.filter="alpha(opacity="+slideValue+")";
			}
		}else{
			if(objDropin.getAttribute("opacity") > slideValue){
				objDropin.style.opacity=slideValue/100;
			}
		}
		if(objDropin.getAttribute("direction")!="none"){
			if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="height"){
				objDropin.style.height=Math.round(objDropin.dropinHeight/100*slideValue)+"px";
				//objDropin.scrollTop=Math.round(objDropin.dropinHeight/100*(slideValue+dropin_toggle_steps*2));
			}
			if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="width"){
				objDropin.style.width=Math.round(objDropin.dropinWidth/100*slideValue)+"px";
			}
		}
		slideValue=slideValue+dropin_toggle_steps;
		window.setTimeout("sx_dropin_toggle_slide_in('"+dropinId+"',"+slideValue+")",dropin_toggle_speed);
	}else{
		if(document.all){
			if(objDropin.opacity < slideValue){
				objDropin.style.filter="alpha(opacity="+objDropin.opacity+")";
			}
		}else{
			if(objDropin.getAttribute("opacity") < slideValue){
				objDropin.style.opacity=objDropin.getAttribute("opacity")/100;
			}
		}
		sx_dropin_setSize_out(dropinId);
		objDropin.style.overflow='visible';
	}
}

function sx_dropin_toggle_slide_out(dropinId,slideValue){
	var objDropin=document.getElementById(dropinId);
	if(slideValue > 0){
		if(document.all){
			if(objDropin.opacity > slideValue){
				objDropin.style.filter="alpha(opacity="+slideValue+")";
			}
		}else{
			if(objDropin.getAttribute("opacity") > slideValue){
				objDropin.style.opacity=slideValue/100;
			}
		}
		if(objDropin.getAttribute("direction")!="none"){
			if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="height"){
				objDropin.style.height=Math.round(objDropin.dropinHeight/100*slideValue)+"px";
				objDropin.scrollTop=Math.round(objDropin.dropinHeight/100*(slideValue+dropin_toggle_steps*2));
			}
			if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="width"){
				objDropin.style.width=Math.round(objDropin.dropinWidth/100*slideValue)+"px";
			}
		}
		slideValue=slideValue-dropin_toggle_steps;
		window.setTimeout("sx_dropin_toggle_slide_out('"+dropinId+"',"+slideValue+")",dropin_toggle_speed);
	}else{
		if(document.all){
			objDropin.style.filter="alpha(opacity=0)";
		}else{
			objDropin.style.opacity=0;
		}
		if(objDropin.getAttribute("direction")!="none"){
			if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="height"){
				objDropin.style.height="1px";
			}
			if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="width"){
				objDropin.style.width="1px";
			}
		}
		objDropin.style.display="none";
		objDropin.style.height=objDropin.dropinHeight+"px";
		objDropin.style.width=objDropin.dropinWidth+"px";
	}
}

function sx_dropin_setDimensions(dropinId){
	var objDropin=document.getElementById(dropinId);
	objDropin.style.visibility="hidden";
	objDropin.style.display="block";
	objDropin.dropinHeight=objDropin.offsetHeight;
	objDropin.dropinWidth=objDropin.offsetWidth;
	objDropin.style.display="none";
	objDropin.style.visibility="visible";
}

function sx_dropin_setSize_in(dropinId){
	var objDropin=document.getElementById(dropinId);
	if(objDropin.getAttribute("direction")!="none"){
		objDropin.style.overflow="hidden";
		if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="height"){
			objDropin.style.height="1px";
		}
		if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="width"){
			objDropin.style.width="1px";
		}
	}else{
		objDropin.style.height=objDropin.dropinHeight+"px";
		objDropin.style.width=objDropin.dropinWidth+"px";
	}
}

function sx_dropin_setSize_out(dropinId){
	var objDropin=document.getElementById(dropinId);
	if(objDropin.getAttribute("direction")!="none"){
		objDropin.style.overflow="hidden";
		if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="height"){
			objDropin.style.height=objDropin.dropinHeight+"px";
		}
		if(objDropin.getAttribute("direction")=="height-width" || objDropin.getAttribute("direction")=="width"){
			objDropin.style.width=objDropin.dropinWidth+"px";
		}
	}
}
