var iHeight = 270 ;
var collapseStep = 10 ;
var aniSpeed = 2;

function minimisepanel(objDiv)
{
	var t =  parseInt( YAHOO.util.Dom.getStyle(objDiv,'height')); 
	YAHOO.util.Dom.setStyle(objDiv, 'opacity',t/iHeight);
	if(t>0)
	{	t=t-collapseStep ;
		if(t<=0){YAHOO.util.Dom.setStyle(objDiv, 'display','none');}
		YAHOO.util.Dom.setStyle(objDiv, 'height',t);
		setTimeout( "minimisepanel('"+objDiv+"');",aniSpeed);
	}
}

function maximisepanel(objDiv)
{
	YAHOO.util.Dom.setStyle(objDiv, 'display','block')
	var t = parseInt( YAHOO.util.Dom.getStyle(objDiv, 'height'));
	YAHOO.util.Dom.setStyle(objDiv, 'opacity',t/iHeight );
	if(t<=(iHeight-collapseStep))
	{	t=t+collapseStep ;
		YAHOO.util.Dom.setStyle(objDiv, 'height',t);
		setTimeout( "maximisepanel('"+objDiv+"');",aniSpeed);
	}
}


function ShowHide(objID,imgref)
{
	if (YAHOO.util.Dom.getStyle(objID, 'display')=='block')
	{
	minimisepanel(objID);
	imgref.src="images/downarr.jpg";
	return
	}
	
	maximisepanel(objID);
	imgref.src="images/uparr.jpg";
}

function $style(ElementId, CssProperty)
{
    function $(stringId)
    {
        return document.getElementById(stringId);
     }   

    if($(ElementId).currentStyle)
   {
        var convertToCamelCase = CssProperty.replace(/\-(.)/g, function(m, l){return l.toUpperCase()});
        return $(ElementId).currentStyle[convertToCamelCase];
    }
    else if (window.getComputedStyle)
   {
        var elementStyle = window.getComputedStyle($(ElementId), "");
        return elementStyle.getPropertyValue(CssProperty);
    }
}