var activeDiv = "page_01";
var img_number = 1;
//var bg_img = "images/suaviter_musica_matrimonio_01.jpg";
//var new_img = "";
var http = createRequestObject();

function init()
{

	var fade = $('fade').setStyles({
		display:'none',
		opacity: 0
	});
	
	var page_01 = $('page_01').setStyles({
		display:'block',
		opacity: 1
	});

	var page_02 = $('page_02').setStyles({
		display:'none',
		opacity: 0
	});
	
	var page_03 = $('page_03').setStyles({
		display:'none',
		opacity: 0
	});
	
	var page_04 = $('page_04').setStyles({
		display:'none',
		opacity: 0
	});
	
	var page_05 = $('page_05').setStyles({
		display:'none',
		opacity: 0
	});
	
	var page_06 = $('page_06').setStyles({
		display:'none',
		opacity: 0
	});
	
	var page_07 = $('page_07').setStyles({
		display:'none',
		opacity: 0
	});
	
	var page_08 = $('page_08').setStyles({
		display:'none',
		opacity: 0
	});
	
	var center_container_01_bg_2 = $('center_container_01_bg_2').setStyle('opacity','0');
	var center_container_01_bg_3 = $('center_container_01_bg_3').setStyle('opacity','0');
	var center_container_01_bg_4 = $('center_container_01_bg_4').setStyle('opacity','0');
	var center_container_01_bg_5 = $('center_container_01_bg_5').setStyle('opacity','0');

	suaviterIntervalId = setInterval ( "blendimage()", 4000 );
}

function show(selectedDiv)
{
	if (selectedDiv != activeDiv)
	{
		var fade = $('fade').getStyle('height').toInt();		
		if (fade == 1 || fade == 596)
		{
			transition();

			var div = selectedDiv;
			var sd = $(selectedDiv).setStyle('display','block');
			fading(div);
			activeDiv = selectedDiv;
		}
	}
	
}

function transition()
{
		var fade = $('fade')
		fade.setStyles({
			display:'block',
			opacity: 1
		});

		var fadeIn = new Fx.Morph(fade, {duration: '400', transition: Fx.Transitions.Sine.easeOut});
		var fadeOut = new Fx.Morph(fade, {duration: '2000', transition: Fx.Transitions.Sine.easeOut});

		fadeIn.start({
    	'width': [1, 960]
		});
	
		fadeOut.start({
    	'height': [596, 1]
		});
		
}

function fading(div)
{

	var fadeIn = new Fx.Morph(div, {duration: '2100', transition: Fx.Transitions.Sine.easeOut});
	var fadeOut = new Fx.Morph(activeDiv, {duration: '200', transition: Fx.Transitions.Sine.easeOut});
	
	fadeOut.start({
    	'opacity': [1, 0]
		});
	
		fadeIn.start({
    	'opacity': [0, 1]
		});
}

function validXHTML()
{
	window.open('http://validator.w3.org/');
}
function validCSS()
{
	window.open('http://jigsaw.w3.org/css-validator/');
}

function blendimage()
{

	var bg_1 = $('center_container_01_bg_1');
	var bg_2 = $('center_container_01_bg_2');
	var bg_3 = $('center_container_01_bg_3');
	var bg_4 = $('center_container_01_bg_4');
	var bg_5 = $('center_container_01_bg_5');
	
	var fadebg1 = new Fx.Morph(bg_1, {duration: '2000', transition: Fx.Transitions.Sine.easeOut});
	var fadebg2 = new Fx.Morph(bg_2, {duration: '2000', transition: Fx.Transitions.Sine.easeOut});
	var fadebg3 = new Fx.Morph(bg_3, {duration: '2000', transition: Fx.Transitions.Sine.easeOut});
	var fadebg4 = new Fx.Morph(bg_4, {duration: '2000', transition: Fx.Transitions.Sine.easeOut});
	var fadebg5 = new Fx.Morph(bg_5, {duration: '2000', transition: Fx.Transitions.Sine.easeOut});
	
	if (img_number == 1)
	{
	
		fadebg1.start({
	    	'opacity': [1, 0]
			});
		
		fadebg2.start({
	    	'opacity': [0, 1]
			});
		img_number++;
	}
	else if (img_number == 2)
	{
	
		fadebg2.start({
	    	'opacity': [1, 0]
			});
		
		fadebg3.start({
	    	'opacity': [0, 1]
			});
		img_number++;
	}
	else if (img_number == 3)
	{
	
		fadebg3.start({
	    	'opacity': [1, 0]
			});
		
		fadebg4.start({
	    	'opacity': [0, 1]
			});
		img_number++;
	}
	else if (img_number == 4)
	{
	
		fadebg4.start({
	    	'opacity': [1, 0]
			});
		
		fadebg5.start({
	    	'opacity': [0, 1]
			});
		img_number++;
	}
	else if (img_number == 5)
	{
	
		fadebg5.start({
	    	'opacity': [1, 0]
			});
		
		fadebg1.start({
	    	'opacity': [0, 1]
			});
		img_number=1;
	}
	
	
}

function createRequestObject()
{
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        ro = new XMLHttpRequest();
    }
    return ro;
}



function sendemail()
{
	var msg = document.getElementById('msg').value;
	var name = document.getElementById('name').value;
	var email = document.getElementById('email').value;
	var phone = document.getElementById('phone').value;
	var day = document.getElementById('day').value;
	var mounth = document.getElementById('mounth').value;
	var year = document.getElementById('year').value;
	var location = document.getElementById('location').value;
	var event = document.getElementById('event').value;
	var validation = document.getElementById('contacts_contactarea');
	//var subject = document.contactform.subject.value;
	//7document.contactform.send.disabled=true; 
	//document.contactform.send.value='Sending....';
	if (name =='')
	{
		validation.innerHTML = 'Inserire il nome';
	}
	else if(email =='')
	{
		validation.innerHTML = 'Inserire indirizzo e-mail';
	}
	else if(phone =='')
	{
		validation.innerHTML = 'Inserire il numero di telefono';
	}
	else if(day =='' || mounth =='' || year=='')
	{
		validation.innerHTML = 'Inserire una data valida';
	}
	else if(location =='')
	{
		validation.innerHTML = 'Inserire il luogo';
	}
	else if(event =='')
	{
		validation.innerHTML = 'Selezionare la tipologia di evento';
	}
 	else if(msg =='')
	{
		validation.innerHTML = 'Inserire il messaggio';
	}
  else
	{ 
		validation.innerHTML = 'Invio in corso...';
		
    http.open('get', 'contact.php?msg='+msg+'&event='+event+'&location='+location+'&year='+year+'&mounth='+mounth+'&day='+day+'&name='+name+'&phone='+phone+'&email='+email+'&action=send');
    http.onreadystatechange = handleResponse;
    http.send(null);
 	}
}

function handleResponse() 
{
    if(http.readyState == 4){
        var response = http.responseText;
        var update = new Array();

        if(response.indexOf('|' != -1)) {
            update = response.split('|');
            document.getElementById(update[0]).innerHTML = update[1];
         
        }
    }
}

function showContent(divOut, divIn)
{

	var divToHide = $(divOut).setStyles({
		display:'none',
		opacity: 0
	});
	
	var divToShow = $(divIn).setStyles({
		display:'block',
		opacity: 1
	});
}