// Owners Javascript
window.addEvent('domready', function() {
									 
	$$('div.o_portal_item').each(function(element){
				
		var ownersSlide = new Fx.Slide(element.getElement(".o_item_content"), {wait:false, duration: 500, fps:100, transition: Fx.Transitions.Quart.easeOut}).show();
		
		if(element.getElement('.o_item_header').hasClass('show')) {
			element.getElement('.o_show_text').addClass('hide');
			element.getElement('.o_show_hide_container').addClass('up');
		}	else {
			ownersSlide.toggle();
			element.getElement('.o_show_hide_container').addClass('down');
			element.getElement('.o_hide_text').addClass('hide');
		}
		element.getElement(".o_show_hide_link").addEvent('click', function(e){
			e = new Event(e);
			//check to see what the state is based on the class "down"
			//can't use "toggle()".  must be done this way.  
			//toggle() seems break when you click to fast and the syncing of show/hide gets opposite of the actually sliding
			if(element.getElement('.o_show_hide_container').hasClass('down')) {
				ownersSlide.slideIn();
			} else {
				ownersSlide.slideOut();
			}
			element.getElement('.o_show_text').toggleClass('hide');
			element.getElement('.o_hide_text').toggleClass('hide');
			element.getElement('.o_show_hide_container').toggleClass('down');
			element.getElement('.o_show_hide_container').toggleClass('up');
			e.stop();
		});
		
	});													
});