dojo.require("dojox.fx");
dojo.require("dojox.timing._base");

dojo.declare("CustomContent", null, {
	
	constructor: function() {
	},
	
	
	
	/**
	 * slide contentu třeba pro měníčko...  
	 * 	<div id = "hlamenu" style="background-color: red;">homepage menu</div>
		<script type="text/javascript">
			var coCo = new CustomContent();
			coCo.overSlide('hlamenu',50,250);
		</script>
	 * 
	 */
	
	overSlide:function(id,closeHeight,openHeight){
		if(dojo.byId(id) && closeHeight,openHeight){
			//dojo.byId(id).set("style", "width:"+closeHeight+"px;");
			dojo.style(id,'height',closeHeight+"px");
			_this = this;
			dojo.connect(dojo.byId(id),"onmouseover",function(evt){
		    	_this.slideTo(id,200);
		    });
	
			dojo.connect(dojo.byId(id),"onmouseout",function(evt){
		    	_this.slideTo(id,50);
		    });
		}
	},
	
	slideTo:function(id,to){
		dojox.fx.wipeTo({
			node: id,
			duration: 300,
			height: to
		}).play();
	}
	
	
	
});