var currentactive = null;


function Setactive(id) {

	if (currentactive != id) {		
		$("btn" + id).setStyle("color", "#808285");
		$("btn" + currentactive).setStyle("color", "#f26922");
		$("panel" + id).className = "neo-active";
		$("panel" + currentactive).className = "neo-none";
		currentactive = id;
	}
	
}
var tempclass=null;
function listhover(div) {
	div.className = "listhover";
}
function removehover(div) {
	div.className = "";
}

if ($('bubbleWrap')) {
	window.addEvent('domready', function() {
		
		// Create variables (in this case two arrays) representing our bubbles and pages
		var myPages = $$('.page');
		var myBubbles = $$('.bubble');
		
		// Set bubbles opacity to zero so they're hidden initially and toggle visibility on for their container	
		myBubbles.setStyle('opacity', 0);
		$('bubbleWrap').setStyle('visibility','visible')
		
		// Add our events to the pages
		myPages.each(function(el, i) {
			el.set('morph', {link : 'cancel'});
			
			el.addEvents({
				'mouseenter': function() {
					myBubbles[i].morph({
						'opacity' : 1,
						'margin-top' : '-15px'
					});
				},
				'mouseleave' : function() {
					myBubbles[i].morph({
						'opacity' : 0,
						'margin-top' : 0
					});
				}	
			});
		});
	});
}