//var HTTP_ROOT = 'http://192.168.1.9/jeep/jeepofficial';
var HTTP_ROOT = 'http://www.jeep-official.it';

//var urlinvio = 'http://192.168.1.9/jeep/jeepofficial/pre_hp_wrangler_arctic/invia.php';
var urlinvio = 'http://jeep-people.com/jeepofficial/pre_hp_wrangler_arctic/invia.php';


function logga(sez){

	var axel = Math.random() + "";
	var a = axel * 10000000000000;
	var str = '';
	
	switch(sez){
		case 'form':
			str = '<img src="http://ad-emea.doubleclick.net/activity;src=3408145;type=compa757;cat=richi653;ord=' + a + '?" width="1" height="1" alt=""/>';
		break;
		
		case 'formok':
			str = '<img src="http://ad.doubleclick.net/activity;src=3408145;type=jeepo628;cat=promo841;qty=1;cost=[Revenue];ord=' + a + '?" width="1" height="1" alt=""/>';
		break;
	}
	
	$('#arealog').html(str);
}

function BlockUI(titolo, testo, callback, chiudi) {
	if (!callback) callback = "";
	
	var str;
	str = '<div style="background:#000; border:3px solid #FFF; color: #FFF;"><div style="padding:10px;"><h4 align="center">'+titolo+'</h4><div style="font-size:12px; text-align: center;">';
	str = str + testo;
	str = str + '<br /></div>';
	
	if (!chiudi) {
		str = str + '<div align="center"><br /><span class="chiudiBlockUI btn redHover" style="font-size:11px;">Chiudi</span></div>';
	}
	
	str = str + '</div>';
	
	$.blockUI({

		css: { 
			border: 'none', 
			padding: '0', 
			backgroundColor: 'transparent', 
			color: '#464646',
			cursor: 'default',
			left: '50%',
			margin:'0 0 0 -195px',
			top: '20%',
			width: '390px',
			fontSize: '16px',
			textAlign: 'left',
			zIndex: '10001'
		},
		message: str,
		overlayCSS: {
			cursor: 'default',
			backgroundColor:'#000', 
			opacity:'0.5' 
		}
		
	});
	
	$(".chiudiBlockUI").click(function() {
		$.unblockUI();		
	});	
	
}

function apriSpot() {
	
	$('#spot').addClass('sel');
	
	//s3_log('http://www.jeep-official.it/pre_form_wrangler/video');
	
	$('#join').hide();
	
	var str = '';
	
	str += '<div id="overlay_video">'
	str += '<a id="chiudi_overlay" href="javascript:void(0);" onclick="javascript: $(\'#spot\').removeClass(\'sel\'); $.unblockUI();  $(\'#join\').show();"></a>';
	str += '<div id="video_overlay"><div class="video">';
	str += '<div href="'+ HTTP_ROOT +'/pre_hp_wrangler_arctic/swf/spot.flv" style="display:block; width:808px;height:454px;" class="player_video"></div>';
	str += '</div></div>';
	str += '</div>';
	
//	str = str + '<div align="center"><br /><span class="chiudiBlockUI btn redHover" style="font-size:11px;">Chiudi</span></div>';
		
	$.blockUI({

		css: {
			backgroundColor: 'transparent', 
			border: 'none',
			color: '#464646',
			cursor: 'default',
			fontSize: '16px',
			height: '570px',
			left: '50%',
			margin:'0 0 0 -555px',
			padding: '0', 
			position: 'absolute',
			textAlign: 'left',
			top: '-45px',
			width: '1110px',
			zIndex: '15001'
		},
		message: str,
		overlayCSS: {
			backgroundColor:'#000', 
			cursor: 'default',
			opacity:'0.5',
			zIndex: '15000'
		},
		showOverlay: false, 
		onBlock: function(){
				
			flowplayer("div.player_video", {src: HTTP_ROOT + "/pre_hp_wrangler_arctic/swf/flowplayer-3.2.7.swf", wmode: 'transparent'},{ 
				clip: {
					autoPlay: true,
					autoBuffering: true,
					onFinish : function() {
						$('#chiudi_overlay').click();
					}
				}
			});
			
			//$('#overlay_gallery').load('video.php'); //HTTP_ROOT+'/gallery.php');
		}		
	});
		
}

function apriPrivacy(){
	
	var str;
	str = '<div style="background:#000; border:3px solid #FFF;">';
	str += '<div id="carica_privacy" style="font-size: 12px; text-align: left; height: 280px; overflow:auto; color:#FFF; padding: 50px;">FINALIT&Agrave; E MODALITA\' DEL TRATTAMENTO DEI DATI PERSONALI<br />I dati personali da te liberamente forniti saranno trattati al fine di fornire il servizio in precedenza indicato (di seguito &ldquo;Servizio&rdquo;) e da te liberamente scelto nonch&eacute; per consentire a Fiat Group Automobiles di svolgere l\'indagine relativa a detto Servizio ricevuto. Il trattamento dei dati avverr&agrave; con modalit&agrave; cartacee, automatizzate e telematiche e, in particolare, a mezzo posta ordinaria od elettronica, telefono (tramite chiamate anche automatizzate, sms, mms etc) e telefax.<br /><br />CONSEGUENZE DELL\'EVENTUALE MANCATO CONFERIMENTO DEI DATI<br />Il conferimento dei dati personali &egrave; sempre facoltativo, tuttavia, in mancanza dei dati contrassegnati con l\'asterisco come "obbligatori", il Servizio richiesto non potr&agrave; essere erogato. Il mancato conferimento dei restanti dati non contrassegnati come "obbligatori" consentir&agrave; comunque l\'ottenimento del Servizio.<br /><br />SOGGETTI CHE POSSONO VENIRE A CONOSCENZA DEI TUOI DATI<br />I tuoi dati personali, raccolti con la presente registrazione, potranno essere trattati da incaricati del trattamento, anche esterni, preposti alla gestione del Servizio richiesto e dal/dai Responsabile/i del trattamento o dalle societ&agrave; cui i dati medesimi sono stati comunicati come di seguito previsto.<br /><br />SOGGETTI AI QUALI I TUOI DATI PERSONALI POTRANNO ESSERE COMUNICATI<br />I tuoi dati personali potranno essere comunicati a terzi per adempiere ad obblighi di legge, ovvero per rispettare ordini provenienti da pubbliche autorit&agrave; ovvero per esercitare un diritto in sede giudiziaria.<br /><br />TITOLARE E RESPONSABILE DEL TRATTAMENTO<br />Titolare del trattamento &egrave; Fiat Group Automobiles S.p.A. nella persona del responsabile pro tempore dell\'ente Information & Communication Technology di Fiat Group Automobiles S.p.A con sede in Corso Agnelli 200, Torino. Responsabile del trattamento per il Servizio &egrave; il Responsabile pro tempore della direzione Brand Marketing Communications di Fiat Group Automobiles S.p.A.<br /><br />I TUOI DIRITTI<br />Ai sensi dell\'Art. 7 del D. lgs. 196/2003 &egrave; tuo diritto accedere ai tuoi dati, ottenere senza ritardo l\'aggiornamento o la cancellazione per eventuali trattamenti in violazione di legge, di opporti al trattamento dei tuoi dati per finalit&agrave; commerciale o pubblicitaria nonch&eacute; richiedere l\'elenco completo ed aggiornato di tutti i Responsabili del trattamento, scrivendo a Fiat Group Automobiles S.p.A. &ndash; Customer Services - Ufficio Privacy, C.so Agnelli 200 - 10135 Torino.<br /><br />CONSENSO EX ART. 23 DEL D.LGS. N.196/2003<br /><br />Acconsento che i dati personali conferiti siano trattati per le finalit&agrave; e secondo le modalit&agrave; indicate nell\'informativa.</div>';
	str += '<div align="center"><br><a href="javascript:void(0);" onclick="$.unblockUI();" style="color:#FFF;">OK</a><br><br></div>';
	str += '</div>';
	
	$.blockUI({

		css: { 
			border: 'none', 
			padding: '0', 
			backgroundColor: 'transparent', 
			color: '#464646',
			cursor: 'default',
			left: '50%',
			margin:'0 0 0 -250px',
			top: '15%',
			width: '500px',
			fontSize: '16px',
			textAlign: 'left'
		},
		message: str,
		overlayCSS: {
			cursor: 'default',
			backgroundColor:'#000', 
			opacity:'0.5' 
		}
		
	});
	
	
}



function chiamaBlockUI(titolo, testo, other) {
	var str;
	str = '<div style="position:relative;"><div></div><br />';
	str += '<div><p><strong>'+titolo+'</strong></p>';
	str += '<p>'+testo+'</p></div>';
	
	str = str + '<div><span id="chiudi_blockui" style="cursor:pointer; font-size:11px; color:#FFF;" class="btn testo">chiudi</span><br /><br /></div></div>';
	
	$.blockUI({ 
		css: { 
			border: 'none', 
			padding: '15px', 
			backgroundColor: '#000', 
			border: '3px solid #FFF',
			color: '#FFF',
			cursor: 'default',
			margin:'auto',
			top: '200px',
			width: '28%',
			fontSize: '13px'
		},

		message: str,
		overlayCSS: {
			cursor: 'default',
			backgroundColor:'#000', 
			opacity:'0.8' 
			/*sfondo*/
		}
	});
	
	$("#chiudi_blockui").click(function() {
		$.unblockUI();	
	});
}


function formContattiCheck(){

	var status = true;
	
	$('form .err').removeClass('err');
	
	if( !$('#form_contatti input[name="nome"]').hasClass('cliccato') || $('#form_contatti input[name="nome"]').val().match(/[0-9]+/) ){
		status = false;
		$('#form_contatti input[name="nome"]').addClass('err');
	}
	
	if( !$('#form_contatti input[name="cognome"]').hasClass('cliccato') ||  $('#form_contatti input[name="cognome"]').val().match(/[0-9]+/)  ){
		status = false;
		$('#form_contatti input[name="cognome"]').addClass('err');
	}
	
	if( !$('#form_contatti input[name="email"]').val().match(/[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}/i) ){
		status = false;
		$('#form_contatti input[name="email"]').addClass('err');
	}
	
	if( !$('#form_contatti input[name="telefono"]').hasClass('cliccato')  || $('#form_contatti input[name="telefono"]').val().match(/[^0-9]+/)  ){
		status = false;
		$('#form_contatti input[name="telefono"]').addClass('err');
	}
	
	if( $('#form_contatti input[name="privacy"]').val() != '1' ){
		status = false;
		$('#form_contatti .label_privacy').addClass('err');
	}
	
	if(!status){ 
		chiamaBlockUI('Attenzione', 'Tutti i campi in rosso devono essere compilati correttamente.', '');
		//alert("Attenzione!\nTutti i campi in rosso devono essere compilati correttamente.");
		return;
	}
	
	var query = $('#form_contatti_form').serialize();
	
	
	$('#invia_form').hide();
	$('#invia_loader').show();
	$('#frame_invia').attr('src', urlinvio + '?' + query + '&do=invia');
}



$(document).ready(function(){

	//--- Link target _blank ---------------------------------------------------------------------
	$('a').each(function(i,a){
		if($(a).attr('rel')=='blank')
			$(a).attr('target','_blank');				 
	});
	
	//--- Input text a scomparsa -----------------------------------------------------------------
	$('.scomparsa').focus(function(){
		if(!$(this).hasClass('cliccato')){
			$(this).attr('alt', $(this).val());
			$(this).val('');
			$(this).addClass('cliccato');
		}
	});
	
	$('.scomparsa').blur(function(){
		
		if($(this).hasClass('cliccato') && jQuery.trim($(this).val()) == ''){
			$(this).val($(this).attr('alt'));
			$(this).removeClass('cliccato');
		}
	});

	//--- Checkbox ------------------------------------------------------------------------------
	$('.form .c').live('click',function(){
		var group = $(this).parent();

		group.find('.c').removeClass('check');
		$(this).addClass('check');
		group.find('.value').val($(this).attr('rel'));
	});

	//--- Checkbox ------------------------------------------------------------------------------
	$('#frame_invia').load(function(){
		if(! $(this).attr('src')) return;
		
		$('#invia_loader').hide();
		
		logga('formok');
		
		chiamaBlockUI('Dati Inviati.', 'Sarai ricontattato al più presto per fissare un appuntamento presso la Concessionaria Jeep&reg; più vicina a casa tua.', '');

	});
	
		
	

});
