var userAgent = navigator.userAgent.toLowerCase();
var opera = /opera/.test( userAgent );

function get_url_param( name )
{ 
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 
	var regexS = "[\\?&]"+name+"=([^&#]*)"; 
	var regex = new RegExp( regexS ); 
	var results = regex.exec( window.location.href ); 
	
	return results == null ? "" : results[1];
}

function getDims()
{
	var w = parseInt( document.viewport.getWidth() );
	var h = parseInt( document.viewport.getHeight() ) - 80;
	
	return { x: w, y: h };
}

function resizeIframe()
{
	dims = getDims();
	w = dims.x;
	h = dims.y;

	if( !opera )
		$$('iframe')[0].setStyle( {
		  height: h + 'px',
		  width: w + 'px'
		});
}

Event.observe( window, 'load', function() {
	var get_di = get_url_param( 'id' );
	var demoi = get_di ? parseInt( get_di ) - 1 : 0 
	$( 'layout' ).selectedIndex = demoi;
	
	var iframe = new Element('iframe');
	$$('body')[0].appendChild( iframe );
	if( iframe.src != $( 'layout' ).options[ demoi ].value )
		iframe.src = $( 'layout' ).options[ demoi ].value;
	resizeIframe();
	
	$( 'layout' ).observe( 'change', function() {
		iframe.src = $('layout').value;
	});
});

Event.observe( window, 'resize', function() {
	resizeIframe();
});