addMouseOver = function() {
		$(".mouseout").hover(
			function () {
				$(this).removeClass('mouseout').addClass('mouseover');
			}, 
			function () {
				$(this).removeClass('mouseover').addClass('mouseout');
			}
		);
	
	}
// ***********************************
// Vertical Accordian Panes
// ***********************************
	paneOver = function(thisObj) {
		var paneSpeed = 100;
		var paneOvered = $('.pane-header').index(thisObj) + 1;

		// remove the hover 
		$('h3.ui-state-default').unbind();

		switch (paneOvered) {
			case 1:	
				$('#pane1').animate({top: '0px'},paneSpeed,"easeOutCirc",function() { setuppaneOvers(1); });
				$('#pane1_header').removeClass('ui-state-default').addClass('ui-state-active');
				$('#pane2').animate({top: '150px'},paneSpeed);
				$('#pane3').animate({top: '220px'},paneSpeed);
				
				break;
				
			case 2:
				$('#pane2').animate({top: '60px'},paneSpeed,"easeOutCirc",function() { setuppaneOvers(2); });
				$('#pane2_header').removeClass('ui-state-default').addClass('ui-state-active');
				$('#pane1').animate({top: '0px'},paneSpeed);
				$('#pane3').animate({top: '220px'},paneSpeed);
				break;
				
			case 3: 
				$('#pane3').animate({top: '130px'},paneSpeed,"easeOutCirc",function() { setuppaneOvers(3); });
				$('#pane3_header').removeClass('ui-state-default').addClass('ui-state-active');
				$('#pane1').animate({top: '0px'},paneSpeed);
				$('#pane2').animate({top: '60px'},paneSpeed);
				break;
		}
	}
	
	setuppaneOvers = function(selectedpane) {
		if (selectedpane) {
			switch (selectedpane) {
				case 1: 
					$('#pane2_header').removeClass('ui-state-active').addClass('ui-state-default');
					$('#pane3_header').removeClass('ui-state-active').addClass('ui-state-default');
					break;
				case 2: 
					
					$('#pane1_header').removeClass('ui-state-active').addClass('ui-state-default');
					$('#pane3_header').removeClass('ui-state-active').addClass('ui-state-default');
					break;
				case 3: 
				
					$('#pane1_header').removeClass('ui-state-active').addClass('ui-state-default');
					$('#pane2_header').removeClass('ui-state-active').addClass('ui-state-default');
					break;
			}
		}

		$('h3.ui-state-default').hover(
			function() {paneOver($(this))}, 
			function() { return; }
		);
	}