var AdpanelHandler = new Class({
	
	show : function(o) {
		//o.src -> $('adlet-img')
		//o.href -> $('adlet-href')
		
		var oImage = new Asset.image(o.src, {
			width:960,
			height:40,
			id: 'adlet',
			border:0,
			onload: function() {
				
				var oSpacer = new Element('div', {
					'id' : 'adpanel-spacer',
					'style' : 'height:0px; overflow:hidden;'
				});
				oSpacer.inject($('toppanel'), 'after');
				
				this.replaces($('adlet-img'));
				$('adlet-href').setProperty('href', o.href);
				$('adpanel').setStyle('display', 'block');
				$('toppanel').tween('margin-top', 40);
				$('adpanel-spacer').tween('height', 40);

			}
		});
		
	},
	
	hide : function() {
		
		$('toppanel').tween('margin-top', 0);
		$('adpanel-spacer').tween('height', 0);
		
	}
	
	/*
	
	<div id="adpanel">
		
		<div id="adpanel-inner" style="position:relative;">
			<img id="adlet-img" src="/images/i.gif" width="960" height="40" border="0" />
			<a id="adlet-href" href="#"><img src="/images/i.gif" width="830" height="40" border="0" style="position:absolute; top:0px; left:0px;" /></a>
			<a href="javascript:oAdpanelHandler.hide();"><img src="/images/i.gif" width="60" height="23" border="0" style="position:absolute; top:9px; right:10px;" /></a>
		</div>
		
	</div>
	
	*/
	
});
