var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

//alert(BrowserDetect.browser + ' - ' + BrowserDetect.OS);


//browser detect fine








// mia funzione

		function getBrowserWidth(){
		var scartoleft;
		var scartotop;
		var dimensione;
		var dimensioney;
		
		if (BrowserDetect.browser == 'Explorer')
		{
			scartoleft = 0;
			scartotop = 0;
		}
		if (BrowserDetect.browser == 'Opera')
		{
			scartoleft = 1;
			scartotop = 0;
		}
		if (BrowserDetect.browser == 'Safari')
		{
			scartoleft = 1;
			scartotop = 0;
		}
		if (BrowserDetect.browser == 'Firefox')
		{
			if (BrowserDetect.OS == 'Mac')
			{
			scartoleft = 1;
			scartotop = 2;
			}
			else
			{
			scartoleft = 1;
			scartotop = 1;
			}
		}




		
		if (window.innerWidth){
			dimensione = window.innerWidth;
			dimensioney = window.innerHeight;
			}	
		else if (document.documentElement && document.documentElement.clientWidth != 0){
			dimensione = document.documentElement.clientWidth;
			dimensioney = document.documentElement.clientHeight;	
			}
		else if (document.body){
		dimensione = document.body.clientWidth;
		dimensioney = document.body.clientHeight;
		}
		
		
		if ((dimensione>900) && (dimensioney>600) ){
		document.getElementById("mafrat").style.left = dimensione/2 - 450 + 'px';		
		document.getElementById("mafrat").style.top = dimensioney/2 - 300 + 'px';
		document.getElementById("mafrat_bg").style.width = dimensione;
		document.getElementById("mafrat_bg").style.height = dimensioney;
		document.getElementById("mafrat_trix").style.left = dimensione/2 - 450 + 'px';		
		document.getElementById("mafrat_trix").style.top = dimensioney/2 - 300 + 'px';
		//document.getElementById("mafrat_trix").style.width = dimensione;
		//document.getElementById("mafrat_trix").style.height = dimensioney;		
		document.getElementById("mafrat_trix2").style.width = dimensione;
		document.getElementById("mafrat_trix2").style.height = dimensioney;	
		document.getElementById("sizing").width = '100%';
		document.getElementById("sizing").height = '100%';
		//document.getElementById("sizing2").width = '100%';
		//document.getElementById("sizing2").height = '100%';
		document.getElementById("sizing3").width = '100%';
		document.getElementById("sizing3").height = '100%';
		}
		
		if ((dimensione<900) && (dimensioney>600)){
		document.getElementById("mafrat").style.left = '0px';		
		document.getElementById("mafrat").style.top = dimensioney/2 - 300 + 'px';
		document.getElementById("mafrat_bg").style.width = dimensione;
		document.getElementById("mafrat_bg").style.height = dimensioney;
		document.getElementById("mafrat_trix").style.left = '0px';		
		document.getElementById("mafrat_trix").style.top = dimensioney/2 - 300 + 'px';
		//document.getElementById("mafrat_trix").style.width = dimensione;
		//document.getElementById("mafrat_trix").style.height = dimensioney;	
		document.getElementById("mafrat_trix2").style.width = dimensione;
		document.getElementById("mafrat_trix2").style.height = dimensioney;	
		document.getElementById("sizing").width = '100%';
		document.getElementById("sizing").height = '100%';
		//document.getElementById("sizing2").width = '100%';
		//document.getElementById("sizing2").height = '100%';
		document.getElementById("sizing3").width = '100%';
		document.getElementById("sizing3").height = '100%';
		}
		
		if ((dimensioney<600) && (dimensione>900)){
		document.getElementById("mafrat").style.left = dimensione/2 - 450 + 'px';		
		document.getElementById("mafrat").style.top = '0px';
		document.getElementById("mafrat_bg").style.width = dimensione;
		document.getElementById("mafrat_bg").style.height = dimensioney;
		document.getElementById("mafrat_trix").style.left = dimensione/2 - 450 + 'px';		
		document.getElementById("mafrat_trix").style.top = '0px';
		//document.getElementById("mafrat_trix").style.width = dimensione;
		//document.getElementById("mafrat_trix").style.height = dimensioney;	
		document.getElementById("mafrat_trix2").style.width = dimensione;
		document.getElementById("mafrat_trix2").style.height = dimensioney;	
		document.getElementById("sizing").width = '100%';
		document.getElementById("sizing").height = '100%';
		//document.getElementById("sizing2").width = '100%';
		//document.getElementById("sizing2").height = '100%';
		document.getElementById("sizing3").width = '100%';
		document.getElementById("sizing3").height = '100%';
		}
		
		if ((dimensione<900) && (dimensioney<600)){
		document.getElementById("mafrat").style.left = '0px';		
		document.getElementById("mafrat").style.top = '0px';
		document.getElementById("mafrat_bg").style.width = dimensione;
		document.getElementById("mafrat_bg").style.height = dimensioney;
		document.getElementById("mafrat_trix").style.left = '0px';		
		document.getElementById("mafrat_trix").style.top = '0px';
		//document.getElementById("mafrat_trix").style.width = dimensione;
		//document.getElementById("mafrat_trix").style.height = dimensioney;	
		document.getElementById("mafrat_trix2").style.width = dimensione;
		document.getElementById("mafrat_trix2").style.height = dimensioney;	
		document.getElementById("sizing").width = '900px';
		//document.getElementById("sizing").height = '600px';
		//document.getElementById("sizing2").width = '900px';
		document.getElementById("sizing2").height = '600px';
		document.getElementById("sizing3").width = '900px';
		document.getElementById("sizing3").height = '600px';
		}


		}



	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', getBrowserWidth);
	addEvent(window, 'resize', getBrowserWidth);



		// This script is intended for use with a minimum of Netscape 4 or IE 4.
		// First we detect the browser type
		if(document.getElementById) { // IE 5 and up, NS 6 and up
			var upLevel = true;
			}
		else if(document.layers) { // Netscape 4
			var ns4 = true;
			}
		else if(document.all) { // IE 4
			var ie4 = true;
			}

		function showObject(obj) {
			if (ns4) {
				obj.visibility = "show";
				}
			else if (ie4 || upLevel) {
				obj.style.visibility = "visible";
				}
			}
		function hideObject(obj) {
			if (ns4) {
				obj.visibility = "hide";
				}
			if (ie4 || upLevel) {
				obj.style.visibility = "hidden";
				}
			}



// mia funzione