var currentID = 0;
	var maxNum = -1;
	var box = new Array();
	$(function(){
		var selector = $("#disco > .box");
		selector.each(function(i){
			box[i] = $(this);
			$(this).css("display", "none");
			maxNum +=1;
		});
		$("#disco").css("height", box[currentID].height());
		box[currentID].fadeIn("slow");
		
		$("#controller > .next").click(function () {
			nextDisc();
		});
		$("#controller > .prev").click(function () {
			prevDisc();
		});
	});
	function nextDisc(){
		//alert("currentID " + currentID + "  maxNum " + maxNum);
		box[currentID].fadeOut("slow");
		if(currentID == maxNum){
			currentID  = 0;
		}else{
			currentID += 1;
		}
		setTimeout('box[currentID].fadeIn("slow")', 1000);
		var heightPx = box[currentID].height() + "px";
		$("#disco").animate({
			height : heightPx
		});
	}
	function prevDisc(){
		//alert("currentID " + currentID + "  maxNum " + maxNum);
		box[currentID].fadeOut("slow");
		if(currentID == 0){
			currentID  = maxNum;
		}else{
			currentID -= 1;
		}
		setTimeout('box[currentID].fadeIn("slow")', 1000);
		var heightPx = box[currentID].height() + "px";
		$("#disco").animate({
			height : heightPx
		});
	}