function transitionInit(){
	
	// containing element
	var objContainer = $('maincol');

	// containing content html
	var objContentHTML = objContainer.innerHTML;
	
	// clear current content
	objContainer.update('');

	// make container relative
	if(document.all){	// If ie then fudge it
		objContainer.style.position = 'relative';
	}else{
		Element.relativize(objContainer);
	}
	
	// create the sliding element
	var objSlider = document.createElement("div");
	objSlider.setAttribute('id','slider');
	objSlider.setAttribute('style','width:1px;');
	objContainer.appendChild(objSlider);

	// create the content element
	var objContent = document.createElement("div");
	objContent.setAttribute('id','slidercontent');
	objContent.innerHTML = objContentHTML;
	Element.extend(objContent);
	objContent.hide();
	objSlider.appendChild(objContent);
	
	new Effect.Morph(objSlider,{
	  style:{
	    width:'710px'
	  },
	  afterFinish: function(){
		new Effect.Appear('slidercontent');
	  }
	});


}