function panoselect(xmlname,divname,backgroundcolour){
	if (swfobject.hasFlashPlayerVersion("7.0.0")){	
		swfobject.embedSWF("/krpano/krpano.swf", divname, "100%", "380", "9.0.28", "/js/swfobject/expressinstall.swf", {pano:xmlname}, {allowfullscreen:true, bgcolor:backgroundcolour}, {id:"krpano", name:divname});
		swfkrpanomousewheel.registerObject(divname);
	}else{	
		document.getElementById(divname).innerHTML = '<table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Adobe Flash Player 9 needed<br><br><br><a href="http://www.adobe.com/go/getflashplayer/"  target="_blank"><IMG SRC="http://www.macromedia.com/images/shared/download_buttons/get_flash_player.gif" BORDER="1"></a><br>...click here to download...<br><br><br><br></center></td></tr></table>';
	}
}

function load_pano(cat,amb){
	if(!$('krpano').call){
		if (swfobject.hasFlashPlayerVersion("7.0.0")){	
			swfobject.embedSWF("/krpano/krpano.swf", "krpano", "100%", "380", "9.0.28", "/js/swfobject/expressinstall.swf", {pano:"/demo/"+cat+"/"+amb+".xml"}, {allowfullscreen:true, bgcolor:"#ffffff"}, {id:"krpano", name:'krpano'});
			swfkrpanomousewheel.registerObject("krpano");
		}else{	
			$("krpano").set('html','<table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Adobe Flash Player 9 needed<br><br><br><a href="http://www.adobe.com/go/getflashplayer/"  target="_blank"><IMG SRC="http://www.macromedia.com/images/shared/download_buttons/get_flash_player.gif" BORDER="1"></a><br>...click here to download...<br><br><br><br></center></td></tr></table>');
		}
	} else {
		$('krpano').call("loadpano(%SWFPATH%/../demo/"+cat+"/"+amb+".xml,null,keepbase,blend(1))");
	}
}
	
window.addEvent('domready',function(){
	$$('#demomenu a').each(function(link,i,links){
		link.addEvent('click',function(e){
			e.preventDefault(); 
			
			$$('#demomenu a').removeClass('selected');
			e.target.addClass('selected');
			
			var params = e.target.get('href').substr(1).split('-');
			
			load_pano(params[0],params[1]);
		});
	});

	var randomcat = $random(1,4);
	var randomamb = $random(1,4);
	
	$(document.body).getElement('a[href$='+randomcat+'-'+randomamb+']').addClass('selected');
	
	load_pano(randomcat,randomamb);

	var demo = new BySlideMenu('demomenu', {
		defaultIndex: randomcat,
		pinMode: "click",
		elementHeight: 85,
		elementWidth: 344,
		compressSize: 210,
		transition: Fx.Transitions.Back.easeInOut,
		onPin: function(element,container){
			container.getChildren().setStyle('background-position','left top');
			element.setStyle('background-position','left bottom');
		},
		onClick: function(e){
			if (e.target.get('tag')==='div'){
				var cat = e.target.retrieve('id');
				var randomamb = $random(1,e.target.getElements('a').length);

				$$('#demomenu a').removeClass('selected');

				$(document.body).getElement('a[href$='+cat+'-'+randomamb+']').addClass('selected');
				
				load_pano(cat,randomamb);
				
			}
		}
	});
});