// - - - - - - - - - - - - - - - - - - - - -
//
// Title : Dynamic Resolution Dependent Layout Demo
// Author : Kevin Hale
// URL : http://particletree.com
//
// Description : This is a demonstration of a dynamic 
// resolution dependent layout in action. Change your browser 
// window size to see the layout respond to your changes. To 
// preserve the separation of the presentation and behavior 
// layers, this implementation delegates all the presentation 
// details to external CSS stylesheets instead of changing 
// each style property through JavaScript.
//
// Created : July 30, 2005
// Modified : November 15, 2005
//
// - - - - - - - - - - - - - - - - - - - - -

// getBrowserWidth is taken from The Man in Blue Resolution Dependent Layout Script
// http://www.themaninblue.com/experiment/ResolutionLayout/
	function getBrowserWidth(){
		if (window.innerWidth){
			return window.innerWidth;}	
		else if (document.documentElement && document.documentElement.clientWidth != 0){
			return document.documentElement.clientWidth;	}
		else if (document.body){return document.body.clientWidth;}		
			return 0;
	}

// dynamicLayout by Marcello Di Stefano
function dynamicLayout(){
	var browserWidth = getBrowserWidth();


	if (browserWidth < 1100){
		$$('#container').setStyle("left","-15px")
		$$('#logo').setStyle("margin-left","28px")
		$$('#colSX').setStyle("padding-left","30px")
		$$('#colSX').setStyle("width","730px")
		$$('#footer span').setStyle("padding-left","20px")
	} else {
		$$('#container').setStyle("left","79px")
		$$('#logo').setStyle("margin-left","8px")
		$$('#colSX').setStyle("padding-left","10px")
		$$('#colSX').setStyle("width","750px")
		$$('#footer span').setStyle("padding-left","0")
	}
}

	//addEvent() by John Resig
	function addEvent( obj, type, fn ){ 
	   if (obj.addEventListener){ 
	      obj.addEventListener( type, fn, false );
	   }
	   else if (obj.attachEvent){ 
	      obj["e"+type+fn] = fn; 
	      obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); } 
	      obj.attachEvent( "on"+type, obj[type+fn] ); 
	   } 
	} 
	
	//Run dynamicLayout function when page loads and when it resizes.
	addEvent(window, 'load', dynamicLayout);
	addEvent(window, 'resize', dynamicLayout);
	
	
	
	/******************************************/
	function getTimelapse() {
			var height = 205
			var timelapses = new Array('colosseo.swf','venezia_vat.swf','pzavenezia.swf','circomassimo.swf');
			var rnd = Math.round(Math.random() * (timelapses.length-1));
			
			if (rnd > 1 ) height = height+3;
			
			
			document.write('<embed src="../flash/' + timelapses[rnd] +'" ' +
						'quality="high" ' +
						'pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" ' + 
						'type="application/x-shockwave-flash" width="760" height="'+height+'" /> ');
	}