var dropdown={
//	controltext: 'CRICK ON ME',
	$mainpanel: null, contentdivheight: 0,

	openclose:function($, speed){
		var $controldiv=dropdown.$mainpanel.find('.control');
		this.$mainpanel.stop() //stop any animation
		if (this.$mainpanel.attr('openstate')=='closed'){
			this.$mainpanel.animate({top: 0}, speed).attr({openstate: 'open'});
			
			$controldiv.css("background-image", "url(wp-content/themes/cltv8/images/dropdown_close.png)");
		}
		else{
			this.$mainpanel.animate({top: -this.contentdivheight+'px'}, speed).attr({openstate: 'closed'});
			$controldiv.css("background-image", "url(wp-content/themes/cltv8/images/dropdown_open.png)");
		}
	},
	
	init:function(file, height, speed){
		
		jQuery(document).ready(function($){
		//dropdown.$mainpanel=$('<div id="dropdownpanel"><div class="contentdiv"></div><div class="control">'+dropdown.controltext+'</div></div>').prependTo('body')
		dropdown.$mainpanel=$('<div id="dropdownpanel"><div class="contentdiv"></div><div class="control"></div></div>').prependTo('#page')
			var $contentdiv=dropdown.$mainpanel.find('.contentdiv')
			var $controldiv=dropdown.$mainpanel.find('.control').css({cursor: 'wait'})
			$contentdiv.load(file, '', function($){
					var heightattr=isNaN(parseInt(height))? 'auto' : parseInt(height)+'px'
					$contentdiv.css({height: heightattr})
					dropdown.contentdivheight=parseInt($contentdiv.get(0).offsetHeight)
					dropdown.$mainpanel.css({top:-dropdown.contentdivheight+'px', visibility:'visible'}).attr('openstate', 'open')
					$controldiv.css({cursor:'hand', cursor:'pointer'})
					$controldiv.css("background-image", "url(wp-content/themes/cltv8/images/dropdown_close.png)")
			})
			$controldiv.click(function(){dropdown.openclose($, speed)})	
			
			dropdown.openclose($, speed);
		})
		}
}


dropdown.init('wp-content/themes/cltv8/dropdown.php', '130px', 500);