var jkpanel3={
	controltext: '',
	$mainpanel: null, contentdivheight: 0,

	openclose:function($, speed){
		this.$mainpanel.stop() //stop any animation
		if (this.$mainpanel.attr('openstate')=='closed')
			this.$mainpanel.animate({left: 0}, speed).attr({openstate: 'open'})
		else
			this.$mainpanel.animate({left: -this.contentdivheight+'px'}, speed).attr({openstate: 'closed'})
	},
	
	init:function(file, height, speed){
		jQuery(document).ready(function($){
			jkpanel3.$mainpanel=$('<div id="dosier"><div class="content"></div><div class="cont">'+jkpanel3.controltext+'</div></div>').prependTo('body')
			var $contentdiv=jkpanel3.$mainpanel.find('.content')
			var $controldiv=jkpanel3.$mainpanel.find('.cont').css({cursor: 'wait'})
			$contentdiv.load(file, '', function($){
					var heightattr=isNaN(parseInt(height))? 'auto' : parseInt(height)+'px'
					$contentdiv.css({height: heightattr})
					jkpanel3.contentdivheight=parseInt($contentdiv.get(0).offsetHeight)
					jkpanel3.$mainpanel.css({left:-jkpanel3.contentdivheight+'px', visibility:'visible'}).attr('openstate', 'closed')
					$controldiv.css({cursor:'hand', cursor:'pointer'})
			})
			jkpanel3.$mainpanel.click(function(){jkpanel3.openclose($, speed)})		
		})
	}
}

jkpanel3.init('dosier.htm', '235px', 50)

var jkpanel={
	controltext: '',
	$mainpanel: null, contentdivheight: 0,

	openclose:function($, speed){
		this.$mainpanel.stop() //stop any animation
		if (this.$mainpanel.attr('openstate')=='closed')
			this.$mainpanel.animate({top: 0}, speed).attr({openstate: 'open'})
		else
			this.$mainpanel.animate({top: -this.contentdivheight+'px'}, speed).attr({openstate: 'closed'})
	},
	
	init:function(file, height, speed){
		jQuery(document).ready(function($){
			jkpanel.$mainpanel=$('<div id="contratacion"><div class="contentdiv"></div><div class="control">'+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)})		
		})
	}
}

jkpanel.init('contratacion.htm', '370px', 500)


var jkpanel2={
	controltext: '',
	$mainpanel: null, contentdivheight: 0,

	openclose:function($, speed){
		this.$mainpanel.stop() //stop any animation
		if (this.$mainpanel.attr('openstate')=='closed')
			this.$mainpanel.animate({top: 0}, speed).attr({openstate: 'open'})
		else
			this.$mainpanel.animate({top: -this.contentdivheight+'px'}, speed).attr({openstate: 'closed'})
	},
	
	init:function(file, height, speed){
		jQuery(document).ready(function($){
			jkpanel2.$mainpanel=$('<div id="cursos"><div class="contenido"></div><div class="controlador">'+jkpanel2.controltext+'</div></div>').prependTo('body')
			var $contentdiv=jkpanel2.$mainpanel.find('.contenido')
			var $controldiv=jkpanel2.$mainpanel.find('.controlador').css({cursor: 'wait'})
			$contentdiv.load(file, '', function($){
					var heightattr=isNaN(parseInt(height))? 'auto' : parseInt(height)+'px'
					$contentdiv.css({height: heightattr})
					jkpanel2.contentdivheight=parseInt($contentdiv.get(0).offsetHeight)
					jkpanel2.$mainpanel.css({top:-jkpanel2.contentdivheight+'px', visibility:'visible'}).attr('openstate', 'closed')
					$controldiv.css({cursor:'hand', cursor:'pointer'})
			})
			jkpanel2.$mainpanel.click(function(){jkpanel2.openclose($, speed)})		
		})
	}
}

jkpanel2.init('cursos.htm', '370px', 500)