// JavaScript Document
//<![CDATA[ 
var Resolution = {
	
	init: function() {
		
		var browserWidth = document.body.clientWidth ? document.body.clientWidth : window.innerWidth; //Controllo la larghezza della window
		
		if (browserWidth < 845) {
			Resolution.control()
		}
		
	},
	
	control: function(){
			
			var mask = new Element('div', {
						'styles': {
							'display': 'block',
							'position': 'absolute',
							'top': '0',
							'left': '0',
							'width': '100%',
							'height': '100%',
							'z-index': '999',
							'background-color': '#62bd19',
							'background-image': 'url(img/bckg-body.jpg)',
							'background-position': '0 0',
							'background-repeat': 'repeat-x',
							'color': '#FFF',
							'text-align': 'center'},
							'events': {
								'click': function(){
									$('resMessage').setStyle('display', 'none');
									this.remove()
								},
								'mousedown': function(){
									//aaa
								}
							},
							'id': 'resMessage'
					});

			mask.injectBefore('logo')
			
			Resolution.Paragraph(mask, 'La Risoluzione del Monitor non permette la corretta Fruizione dei Contenuti.')
			Resolution.Paragraph(mask, 'Minima Risoluzione 1024x768.')
			Resolution.Paragraph(mask, 'Clicca per chiudere il messaggio')
			
			
	}, //Fine controll

	Paragraph: function(obj, text){
		
			var par = new Element('p', {
						'styles': {
							'width': '50%',
							'padding': '40px 25%',
							'text-align': 'center'}
					});

			par.injectInside(obj) // Inserisco il p in obj
			par.setText(text) // Setto il Contenuto di P
		
	} //Fine Paragraph
}

/////////////////////////////////////////////////////////

window.addEvent('domready', Resolution.init);
window.addEvent('resize', Resolution.init);
//]]>