// creates and manages an html select form element, from a
function PodTipdown(id, target, hideInitial, direction){
	var tippedOpen = true;
	var podID;
	function init(){
		var parts = id.split("_");
		podID = parts[1];
		
		$(target).style.display = "";
		var slideObj = new Fx.Slide(target, {mode:direction});
		
		if(hideInitial == true){
			tippedOpen = false;
			slideObj.hide();
		}
		
		$(id).addEvent('click', function(e){
			if(typeof(pageTracker) != "undefined"){
				var kindOfAction = tippedOpen == true ? "Close" : "Open";
				var labelText = $(id).innerHTML + " - [" + podID + "]";
				pageTracker._trackEvent("Pod-Tipdown", kindOfAction, labelText);
			}
			
			tippedOpen = !tippedOpen;
			
			e = new Event(e);
			slideObj.toggle();
			e.stop();
		});
	}
	// run the constructor
	init();
}

function create_tipdowns(){
	var elements = $ES("a", "body");
	
	var slideElements = elements.filterByClass("slideVertical");
	
	var slides = new Array();
	
	for(i = 0; i < slideElements.length; i++){
		// store the target
		var target = slideElements[i].target;
		
		if($defined($(target))){
			var hideFirst = ((slideElements[i].className.indexOf("hideFirst") > -1) || slideElements[i].className.indexOf("hideNow") > -1 ? true : false);
			// set up the slide on the target id
			slides[i] = new PodTipdown(slideElements[i].id, target, hideFirst, "vertical");
	
			$(target).style.display = "";
		}
	}
	
	elements = undefined;
}