var containerHeight;

window.onload = function() {
	containerHeight = new fx.Height('thedrawer', {duration: 400});
	
	
	$('tnttracker_dock').onclick = function(){
		toggleWidget('tnttracker');
		return false;
	}
	
	$('tnttracker_dock').onmouseover = function(){
		$('widgetname').innerHTML = "TNT Tracker";
	}
	
	$('tnttracker_dock').onmouseout = function(){
		$('widgetname').innerHTML = " ";
	}
	
	$('beruler_dock').onclick = function(){
		 toggleWidget('beruler');
		 return false;
	}
	
	$('beruler_dock').onmouseover = function(){
		$('widgetname').innerHTML = "beRuler";
	}
	
	$('beruler_dock').onmouseout = function(){
		$('widgetname').innerHTML = " ";
	}
			
	$('latele_dock').onclick = function(){
		 toggleWidget('latele');
		 return false;
	}
	
	$('latele_dock').onmouseover = function(){
		$('widgetname').innerHTML = "laTele";
	}
	
	$('latele_dock').onmouseout = function(){
		$('widgetname').innerHTML = " ";
	}
	
	$('checkdomain_dock').onclick = function(){
		 toggleWidget('checkdomain');
		 return false;
	}
	
	$('checkdomain_dock').onmouseover = function(){
		$('widgetname').innerHTML = "CheckDomain";
	}
	
	$('checkdomain_dock').onmouseout = function(){
		$('widgetname').innerHTML = " ";
	}
	
	$('boxedup_dock').onclick = function(){
		 toggleWidget('boxedup');
		 return false;
	}
	
	$('boxedup_dock').onmouseover = function(){
		$('widgetname').innerHTML = "BoxedUp";
	}
	
	$('boxedup_dock').onmouseout = function(){
		$('widgetname').innerHTML = " ";
	}
	
	$('thedrawer').innerHTML = $('thedrawer').innerHTML;
}
function toggleWidget(name){
	containerHeight.toggle();
	setTimeout (function() {
		$('thedrawer').innerHTML = $(name).innerHTML;
		containerHeight.toggle(); 
	}, 600);	
}