window.addEvent('domready', function(){
	// Template chooser
	$('templateSelect').addEvent('change', function(){

		switch(this.getValue()){
			case 'joofactory':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/joofactory/index.php');
				break;
			case 'fitness':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/fitness/index.php');
				break;
			case 'medical':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/medical/index.php');
				break;
			case 'attorney':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/attorney/index.php');
				break;
			case 'cloudtravel':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/cloudtravel/index.php');
				break;
			case 'realestate':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/realestate/index.php');
				break;
			case 'stormy':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/stormy/index.php');
				break;
			case 'java':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/java/index.php');
				break;
			case 'faith':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/faith/index.php');
				break;
			case 'cloudspa':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/cloudspa/index.php');
				break;
			case 'active':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/active/index.php');
				break;
			case 'boyscout':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/boyscout/index.php');
				break;
			case 'patriot':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/patriot/index.php');
				break;
			case 'cloudbase2':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/cloudbase2/index.php');
				break;
			case 'restaurant':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/restaurant/index.php');
				break;
			case 'variatis':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/variatis/index.php');
				break;
			case 'business':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/business/index.php');
				break;
			case 'system':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/system/index.php');
				break;
			case 'corporate':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/corporate/index.php');
				break;
			case 'school':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/school/index.php');
				break;
			case 'wedding':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/wedding/index.php');
				break;
			case 'professio':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/professio/index.php');
				break;
			case 'church':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/church/index.php');
				break;
			case 'pizza':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/pizza/index.php');
				break;
			case 'pear':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/pear/index.php');
				break;
			case 'enterprise':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/enterprise/index.php');
				break;
			case 'mobi':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/mobi/index.php');
				break;
			case 'university':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/university/index.php');
				break;
			case 'cloudy':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/cloudy/index.php');
				break;
			case 'base':
				$('iframe').setProperty('src','http://demo.cloudaccess.net/base/index.php');
				break;
		}
	});

	// Demo height
	$('iframe').setStyle('height',window.getSize().size.y - 71 + 'px');
	
	window.addEvent('resize', function(){
		var frameHeight = window.getSize().size.y - 71 + 'px';
		$('iframe').setStyle('height',frameHeight);
		
	});
	
	if(window.opera){
		$('iframe').setStyle('height',window.innerHeight - 71 + 'px');
		window.addEvent('resize', function(){
			var frameHeight = window.innerHeight - 71 + 'px';
			$('iframe').setStyle('height',frameHeight);
		});
	}
});