// Array in which we save our objects
	var toggleObjects = new Array();

	function initiateSliders() {
	
		// define the array containing all our triggers
		triggerArray = new Array();
		triggerArray = document.getElementsByClassName("TopDrawTrigger");
	
		// define the array containing all our sliders
		sliderArray = new Array();
		sliderArray = document.getElementsByClassName("TopDraw");	
	
	
		// attach functionality to the triggers & hide our sliders
		//toggleObject = new Array();
		for (i=0; i<triggerArray.length; i++) {
	
			// adjust the margin!
			sliderArray[i].className = "TopDrawNew";
		
			// first create objects
			toggleObjects[i] = new fx.Height(sliderArray[i].id, {duration: 800});

			// then hide them
			toggleObjects[i].hide();	
		
			triggerArray[i].innerHTML = "<a href=\"javascript:void(0)\" onclick=\"releaseTrigger("+i+"); return false;\">" + triggerArray[i].innerHTML + "<\/a>";	
		}				
	}

	// function called by triggers 
	function releaseTrigger(objId) {
		toggleObjects[objId].toggle();
		return false;
	}


	// non-obstrusive way to attach events
	function addEvent(obj, evType, fn){ 
		if (obj.addEventListener){ 
			obj.addEventListener(evType, fn, false); 
			return true; 
		} else if (obj.attachEvent){ 
			var r = obj.attachEvent("on"+evType, fn); 
			return r; 
		} else { 
			return false; 
		} 
	}

// initiate Sliders as soon as content is loaded
addEvent(window, 'load', initiateSliders);