document.observe("dom:loaded", function() {
  // initially hide all containers for tab content  
  /*
  showSlide(15);
  var slideContainer = $('slideContainer');
  if (slideContainer != undefined) {
		slideContainer.setStyle({visibility: 'visible'});
  } */ 
});

	var Slide = Class.create({
		initialize: function(title, image, text) {
			this.title = title;
			this.image = image;
			this.text = text;
			var img = new Image();
			img.src = this.getImage();
		},
		
		getImage: function() {
			 
			return this.image.length > 0 ? "css/img/orders/" + this.image : "";
		}
	});

	var slides = new Array();

	showSlide = function(id) {

	  var tbl = document.getElementById('ctl00_leftBar_tblPrintOrder');

	  for (var i = 0; i < tbl.rows.length; ++i) {
	    //tbl.rows[i].cells[0].className = "DottedBar"
	    $("ctl00_leftBar_div" + i).className = "leftBarBox";
	  }

	  $("ctl00_leftBar_div" + id).className = "leftBarBoxSelected";

	  $('ctl00_content_divTitle').update(slides[id].title);
	  $('ctl00_content_divText').update(slides[id].text);
	  var imgSrc = slides[id].getImage();
	  var slideImage = $('slideImage');
	  var imageContainer = $('ctl00_content_divImage');
	  if (imgSrc.length > 0) {
	    slideImage.src = imgSrc;
	    imageContainer.setStyle({ display: '' });
	  } else {
	    imageContainer.setStyle({ display: 'none' });
	  }
	}