var slideInUse = new Array();

function Slide(objId, options) {
	this.obj = document.getElementById(objId);
	this.duration = 1;
	this.height = parseInt(this.obj.style.height);

	if(typeof options != 'undefined') { this.options = options; } else { this.options = {}; }
	if(this.options.duration) { this.duration = this.options.duration; }
		
	this.up = function() {
		this.curHeight = this.height;
		this.newHeight = '1';
		if(slideInUse[objId] != true) {
			var finishTime = this.slide();
			window.setTimeout("Slide('"+objId+"').finishup("+this.height+");",finishTime);
		}
	}
	
	this.down = function() {
		this.newHeight = this.height;
		this.curHeight = '1';
		if(slideInUse[objId] != true) {
			this.obj.style.height = '1px';
			this.obj.style.display = 'block';
			this.slide();

		//opening character view tnj
		var myAjax;
		target = "tnjChar"+options; 
		var newurl = "characters_view.cfm?CharID=" +options;
		var pars = "CharID=" + options;
		   myAjax = new Ajax.Updater(
			target,
			newurl,{
				method : 'post',
				parameters : pars,
				onLoading : function() {document.body.style.cursor = "wait";},
				onComplete : function(obj) {document.body.style.cursor = "auto"; $(tnjChar).style.display="block"; },
				onFailure : function(obj) {alert("Error");}
			}
			);		
		//end opening character view tnj
		}
	}
	

	this.downOscars = function() {
		this.newHeight = this.height;
		this.curHeight = '1';
		if(slideInUse[objId] != true) {
			this.obj.style.height = '1px';
			this.obj.style.display = 'block';
			this.slide();

		//opening oscars view tnj
		var myAjax;
		target = "tnjOscar"+options; 
		var newurl = "oscars_view.cfm?id=" +options;
		var pars = "id=" + options;
		   myAjax = new Ajax.Updater(
			target,
			newurl,{
				method : 'post',
				parameters : pars,
				onLoading : function() {document.body.style.cursor = "wait";},
				onComplete : function(obj) {document.body.style.cursor = "auto"; $(tnjOscar).style.display="block"; },
				onFailure : function(obj) {alert("Error");}
			}
			);		
		//end opening oscars view tnj
		}
	}
	


//for the Games
	this.downGames = function() {
		this.newHeight = this.height;
		this.curHeight = '1';
		if(slideInUse[objId] != true) {
			this.obj.style.height = '1px';
			this.obj.style.display = 'block';
			this.slide();
		}
	}
// end for the Games

//for the Music
	this.downMusic = function() {
		this.newHeight = this.height;
		this.curHeight = '1';
		if(slideInUse[objId] != true) {
			this.obj.style.height = '1px';
			this.obj.style.display = 'block';
			this.slide();
		}
	}
// end for the Music

	this.slide = function() {
		slideInUse[objId] = true;
		var frames = 30 * duration; // Running at 30 fps

		var tIncrement = (duration*1000) / frames;
		tIncrement = Math.round(tIncrement);
		var sIncrement = (this.curHeight-this.newHeight) / frames;

		var frameSizes = new Array();
		for(var i=0; i < frames; i++) {
			if(i < frames/2) {
				frameSizes[i] = (sIncrement * (i/frames))*4;
			} else {
				frameSizes[i] = (sIncrement * (1-(i/frames)))*4;
			}
		}
		
		for(var i=0; i < frames; i++) {
			this.curHeight = this.curHeight - frameSizes[i];
			window.setTimeout("document.getElementById('"+objId+"').style.height='"+Math.round(this.curHeight)+"px';",tIncrement * i);
		}
		
		window.setTimeout("delete(slideInUse['"+objId+"']);",tIncrement * i);
		
		if(this.options.onComplete) {
			window.setTimeout(this.options.onComplete, tIncrement * (i-2));
		}
		
		return tIncrement * i;
	}
	
	this.finishup = function(height) {
		this.obj.style.display = 'none';
		this.obj.style.height = height + 'px';
	}
	
	return this;
}