Event.observe(window, 'load', function() {

	// Page has loaded

	// browser detect from prototype
	var browser={
    IE:     !!(window.attachEvent && !window.opera),
    Opera:  !!window.opera,
    WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,
    Gecko:  navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1
    };

	// init navigation
	// For internet explorer, switch off all vu's and illuminate the one just clicked - makes transitions
	// slightly smoother.
	$('bt1').onclick=function() {
		if (browser.IE) {
			switchOffVUs();
			switchOnAVU(1); 
		}
		location.href='index.php';
	}
	$('bt2').onclick=function() {
		if (browser.IE) {
			switchOffVUs();
			switchOnAVU(2); 
		}	
		location.href='full_mixdown.php';
	}
	$('bt3').onclick=function() {
		if (browser.IE) {
			switchOffVUs();
			switchOnAVU(3); 
		}
		location.href='how_it_works.php';
	}
	$('bt4').onclick=function() {
		if (browser.IE) {
			switchOffVUs();
			switchOnAVU(4); 
		}	
	   location.href='faq.php';
	}
	$('bt5').onclick=function() {
		if (browser.IE) {
			switchOffVUs();
			switchOnAVU(5); 
		}
		location.href='additional_production.php';
	}
	$('bt6').onclick=function() {
		if (browser.IE) {
			switchOffVUs();
			switchOnAVU(6); 
		}
		location.href='order_login.php';
	}

	// Populate Flash Movie > Photos if found
	if ($('flashPhotoHolder')) {
		  var so = new SWFObject("photos.swf", "photos", "205", "205", "8", "#8d8d8d");
  		  so.write("flashPhotoHolder");
	}

	// suss out current page
	if(document.location.href)  {
    	hrefString = document.location.href;
	} else {
	    hrefString = document.location;	
	}

	
	switch (extractPageName(hrefString)) {
		case "index":
		case "":
		case "#":	
		case "sessionmix":
			switchOnAVU(1);		
			initRevealers();
		break;
		case "full_mixdown":
			switchOnAVU(2);		
		break;		
		case "how_it_works":
		
			initHowItWorks();
			switchOnAVU(3);		
		break;		
		case "faq":
		case "faq_answer":
			switchOnAVU(4);		
		break;		
		case "additional_production":
			initRevealers();
			switchOnAVU(5);		
		break;		
		case "order_login":
		case "login":
		case "register":	
		case "order_do_you_have_account":
		case "login_forgot_password":	
		case "order_place":
		case "order_place_done":		
		case "my_folder":
			switchOnAVU(6);		
		break;	
		case "credits":
			switchonRightMenu('rightCredits','credits_on');
		break;
		case "listening_room":
			switchonRightMenu('rightListening','listening_on');		
		break;
		case "contact":
		case "contact_done":		
			switchonRightMenu('rightContact','contact_on');			
		break;
		default:
			switchOnAVU(1);				
		break;
	}
	

									   
});	

function switchOffVUs() {
	for (var i=1;i<=6;i++) {
		$('vu'+i).src="images/vu_off.png";	
		// swap button image
		$('bt'+i).style.backgroundImage="url(images/button_up.png)";
		$('bt'+i).style.paddingTop="0px";	
	}
}
function switchOnAVU(id) {
	$('vu'+id).src="images/vu_on.png";	
	// swap button image
	$('bt'+id).style.backgroundImage="url(images/button_down.png)";
	$('bt'+id).style.paddingTop="2px";
}

function switchonRightMenu(id,strNewPNG) {
	$(id).src="images/"+strNewPNG+".png";
}


function extractPageName(hrefString)
{
  var arr = hrefString.split('.');
  if (arr.length<=1) {
	return "";	 
  } else {
  	arr = arr[arr.length-2].split('/');
	return arr[arr.length-1].toLowerCase();		
  }
}


function initRevealers() {
	// assign revealer buttons
	$$('a.revealer').each(function(s) {
		$(s).onclick=function() {
			var id=this.id;
			if ($('hidercontent'+id).visible()) {
				$('hidercontent'+id).hide();
				$('spin'+id).src="images/arrow-right.gif";
			} else {
				$('hidercontent'+id).show();
				$('spin'+id).src="images/arrow-down.gif";				
			}
		
		}
	});	
}

function initHowItWorks() {
	$$('area').each(function(s) {
		$(s).onmouseover=function() {
			$$('div.revealer').invoke('hide');
			var id=this.id;
			$('reveal'+id).show();
			$('themap').src="images/map_"+id+".jpg";
		}
		$('themap').onmouseout=function() {
			$$('div.revealer').invoke('hide');
			$('themap').src="images/map.jpg";
		}
		
	});		
}