// JavaScript Document
	/**
		* Este Objeto permite realizar un slide sobre un div.
	*/
	function DivSlider(div_id, milliseconds_delay, fixed_height){
		this.original_height = (fixed_height == undefined) ? 100 : fixed_height;
		
		this.delay = milliseconds_delay;
		this.height_increment = 10;
		this.div_reference = document.getElementById(div_id);
		
		//Determiar la altura del div
		if(this.div_reference.style.height)
			this.original_height = parseInt(this.div_reference.style.height);
		else if(this.div_reference.offsetHeight)
			this.original_height = parseInt(this.div_reference.offsetHeight);
		else if(this.div_reference.pixelHeight)
			this.original_height = parseInt(this.div_reference.pixelHeight);
			
		this.altura = this.original_height;
	}
	
	DivSlider.prototype.animate_slide_out = function(){
		this.div_reference.style.visibility = 'visible';
		this.altura += this.height_increment;
		var self = this;
		if (!(this.altura >= this.original_height)){
			this.div_reference.style.height = this.altura+"px";
			window.setTimeout (function(){self.animate_slide_out();}, this.delay);
		}else{
			this.div_reference.style.height = this.original_height + "px";
		}
	}
	
	DivSlider.prototype.animate_slide_in = function(){
		this.altura -= this.height_increment;
		var self=this;
		if (!(this.altura <= 0)){
			this.div_reference.style.height = this.altura+"px";
			window.setTimeout (function(){self.animate_slide_in();}, this.delay);
		}else{
			this.div_reference.style.visibility = 'hidden';
			this.div_reference.style.height = '0px';
		}
	}
	
	DivSlider.prototype.slide = function(){
		if(parseInt(this.div_reference.style.height) <= 0){
			this.animate_slide_out();
		}else{
			this.animate_slide_in();
		}
	} 

	DivSlider.prototype.setInitialStatusExpanded = function(expanded){
		if(expanded==undefined) expanded = true;
		
		if(expanded){
			this.div_reference.style.visibility = 'visible';
			this.div_reference.style.height = this.original_height+'px';
			this.altura = this.original_height;
		}else{
			this.div_reference.style.visibility = 'hidden';
			this.div_reference.style.height = '0px';
			this.altura = 0;
		}
	}
	
	DivSlider.prototype.expand=function(){
		this.setInitialStatusExpanded(false);
		this.animate_slide_out();
	}
	
	DivSlider.prototype.contract=function(){
		this.setInitialStatusExpanded(true);
		this.animate_slide_in();
	}