//Drop Down Panel script (March 29th, 08'): By JavaScript Kit: http://www.javascriptkit.com
var jkpanel={
	controltext: '',
	$mainpanel: null, contentdivheight: 0,

	openclose:function($, speed){
		this.$mainpanel.stop() //stop any animation
		var IE6 = false /*@cc_on || @_jscript_version <= 5.7 @*/;
		
		if (this.$mainpanel.attr('openstate')=='closed'){
			if(IE6){$('select').hide();}
			//$('#Menu1').hide();
			this.$mainpanel.animate({top: 0}, speed).attr({openstate: 'open'});
			$('#korpaGoreDoleDiv').css({"background-image":"url(images/korpa2.gif)"});
		}else{
			this.$mainpanel.animate({top: -this.contentdivheight+'px'}, speed).attr({openstate: 'closed'});
			if(IE6){$('select').show();}
			//$('#Menu1').show();
			$('#korpaGoreDoleDiv').css({"background-image":"url(images/korpa1.gif)"});
		}},
	
	init:function(file, height, speed){
		jQuery(document).ready(function($){
			jkpanel.$mainpanel=$('<div id="dropdownpanel"><div class="contentdiv" id="korpaDIV"></div><div class="control" id="korpaGoreDoleDiv">'+jkpanel.controltext+'</div></div>').prependTo('body')
			var $contentdiv=jkpanel.$mainpanel.find('.contentdiv')
			var $controldiv=jkpanel.$mainpanel.find('.control').css({cursor: 'wait'})
			$contentdiv.load(file, '', function($){
					var heightattr=isNaN(parseInt(height))? 'auto' : parseInt(height)+'px'
					$contentdiv.css({height: heightattr})
					jkpanel.contentdivheight=parseInt($contentdiv.get(0).offsetHeight)
					jkpanel.$mainpanel.css({top:-jkpanel.contentdivheight+'px', visibility:'visible'}).attr('openstate', 'closed')
					$controldiv.css({cursor:'hand', cursor:'pointer'})
			})
			//jkpanel.$mainpanel.click(function(){jkpanel.openclose($, speed)})	
			 $controldiv.click(function(){jkpanel.openclose($, speed)})	
		})
	}
}

//Initialize script: jkpanel.init('path_to_content_file', 'height of content DIV in px', animation_duration)
//jkpanel.init('panelcontent.htm', '200px', 500)