/**
 * To show or hide the slider div
 * @param load_url
 * @param params
 * @return
 */
function slideTop(title, load_url, params)
{
	var div_inflator 	= document.getElementById("slide-inflator");
	var div_title 		= document.getElementById("slide-title");
	var div_top 		= document.getElementById("slide-top");
	var div_main 		= document.getElementById("slide-main");
	
	if(load_url)
	{		
		scroll(0,0);
		div_title.innerHTML 		= title;
		div_inflator.style.display 	= "block";
		div_top.style.display 		= "";
		div_inflator.style.height 	= "0px";
		
		$('#slide-inflator').animate({
    		'height' : "+="+ 85 +"px"
    	});
		
		loadSlidePanel(load_url, params);
		
	}
	else
	{
		div_inflator.style.display 	= "none";
		div_top.style.display 		= "none";		
		div_main.innerHTML 			= "";
		$('#slide-inflator').animate({
    		'height' : "0px"
    	});
	}	
}

/**
 * To close the top sliding window
 */
function closeSlideTop()
{	
	document.getElementById("slide-inflator").style.display = "none";
	document.getElementById("slide-top").style.display 		= "none";		
	document.getElementById("slide-main").innerHTML 		= "";
	$('#slide-inflator').animate({
		'height' : "0px"
	});	
}

/**
 * Load the slider div with request url
 * @param load_url
 * @param params
 * @return
 */
function loadSlidePanel(load_url, params)
{
	xmlh		= GetXmlHttpObject();
    var response	= SendPostRequest(xmlh, load_url, params,
                                            function(){
												    	var div_inflator 	= document.getElementById("slide-inflator");												
												    	var div_main = document.getElementById("slide-main");
												    	if(xmlh.readyState < 4)												    		
												    		div_main.innerHTML =  "<center><img src='" + GLOBAL_TEMPLATE_URL + "images/loader.gif'/ alt='.'> loading...</center>";												    			 
												    	
    													if(xmlh.readyState == 4)
                                                        {
                                                            var res = xmlh.responseText; 
                                                            if(!res)
                                                            	div_main.innerHTML = "<b style='color: red; padding: 10px;'>Host is busy</b>";
                                                            else
                                                            {
                                                            	div_main.innerHTML 			= res;
                                                            	var in_height = document.getElementById("slide-top").offsetHeight;
                                                            	                                                            	                                                         	
                                                            	$('#slide-inflator').animate({
                                                            		'height' : "+="+ (in_height - 84) +"px"
                                                            	});
                                                            }
                                                        }
                                                      });
}