/*
	This script takes care of the ajax requests and the togggeling of the
	image divs. Besides that, this script also handles the effect showing the
	resulting div.
*/

var myEffect = new Object();

function getLeafletList(categoryId,divId,language)
{
	var requested_category = categoryId;
	var requested_divId = divId;
	var requested_lang = language;
	
	if ( requested_category == undefined ) {
		return false;
	}
	
	// build the base url to catch the result form
	var url = '/' + requested_lang + '/downloads/content/leaflet/' + requested_category + '/';

	// check if the ajax request was successfull
	// called with the last param set to true means that we would like
	// to show the result with an effect
	// the effect must be handled by the function "toggleDivs".
	
	send_request(url,requested_divId,true);
	return false; // cancel the click event
}
function toggleDivs(divId) {
	
	var resultDiv 	= document.getElementById(divId);
	var lastNumbers=/\d{1,5}$/ //regular expression defining a 5 digit number
	var position = divId.search(lastNumbers);
	var categoryId = divId.substr(position, 2);

	var buttonToHide = document.getElementById('dropDown' + categoryId);
	var buttonToShow = document.getElementById('dropUp' + categoryId);
	
	if ( resultDiv.style.display == "none" ) {
		// make new effect
		var myEffect = new Effect.SlideDown(nameOfDivToUpdate, {duration:1});
		resultDiv.style.height = "auto";
		
		buttonToHide.style.display 	= "none";
		buttonToShow.style.display 	= "block";
	} else {
		resultDiv.style.display 	= "none";
		
		buttonToHide.style.display 	= "block";
		buttonToShow.style.display 	= "none";
		
		// if there is still some instance of an effect around, cancel it.
		if ( myEffect ) {
			myEffect.cancel();
		}
	}
}