Event.observe(window, 'load', function() { 
	 //new Effect.Highlight('box1', {duration: 4});
	 //new Effect.toggle('box1','slide', {duration: 1});
//	 new Effect.toggle('box2','slide', {duration: 1});
});


function _home(){

		 new Effect.SlideUp('box1', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box1').innerHTML = '<img id="home_3box_07" src="images/home_3box_07.jpg" width="229" height="228" alt="MKE italia" />';
																new Effect.SlideDown('box1', {duration: 1}); 
																}
										});
		 new Effect.SlideUp('box2', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box2').innerHTML = '<img id="home_3box_09" src="images/home_3box_09.jpg" width="230" height="228" alt="MKE italia" />';
																new Effect.SlideDown('box2', {duration: 1}); 
																}
										});
		 new Effect.SlideUp('box3', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box3').innerHTML = '<img id="home_3box_11" src="images/home_3box_11.jpg" width="228" height="228" alt="MKE italia" />';
																new Effect.SlideDown('box3', {duration: 1}); 
																}
										});
}

function _prodotti(){

		 new Effect.SlideUp('box1', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box1').innerHTML = '<img id="home_3box_11" src="images/home_3box_07_zoom_frontale.gif" width="228" height="228" alt="MKE italia" />';
																new Effect.SlideDown('box1', {duration: 1}); 
																}
										});
		 new Effect.SlideUp('box2', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box2').innerHTML = '<div id="prodotti_dettaglio">              <h3 align="center"><img src="immagini/logo_mke_mini.jpg" alt="logo" width="76" height="27" /></h3>              <p align="justify">Clicca le miniature delle scarpe nel box di detra per vedere i dettagli dei vari modelli.</p>            </div>';
																new Effect.SlideDown('box2', {duration: 1}); 
																}
										});
		 new Effect.SlideUp('box3', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box3').innerHTML = '<div id="prodotti_link">            	<a href="#" onclick="_prodottoUno(); return false;"><img src="immagini/white.jpg" width="76" height="76" border="0" /></a>				<a href="#" onclick="_prodottoDue(); return false;"><img src="immagini/black.jpg" width="76" height="76" border="0" /></a><a href="#" onclick="_prodottoQua(); return false;"><img src="immagini/blu.jpg" width="76" height="76" border="0" /></a>                            <a href="#" onclick="_prodottoTre(); return false;"><img src="immagini/silver.jpg" width="76" height="76" border="0" /></a>                </div>';
																new Effect.SlideDown('box3', {duration: 1}); 
																}
										});
}

function _contatti(){

		 new Effect.SlideUp('box1', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box1').innerHTML = '<img src="images/home_3box_07_zoom_frontale.gif" alt="MKE italia" name="home_3box_11" width="228" height="228" id="home_3box_11" />';
																new Effect.SlideDown('box1', {duration: 1}); 
																}
										});
		 new Effect.SlideUp('box2', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box2').innerHTML = '<img id="home_3box_09" src="images/contatti.gif" width="228" height="228" alt="MKE italia Contatti" />';
																new Effect.SlideDown('box2', {duration: 1}); 
																}
										});
		 new Effect.SlideUp('box3', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box3').innerHTML = '<img src="images/home_3box_11_details03.jpg" alt="MKE italia" name="home_3box_11" width="228" height="228" id="home_3box_11" />';
																new Effect.SlideDown('box3', {duration: 1}); 
																}
										});
}

function _dove(){

		 new Effect.SlideUp('box1', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box1').innerHTML = '<img src="images/home_3box_07_silver.gif" alt="MKE italia" name="home_3box_11" width="228" height="228" id="home_3box_11" />';
																new Effect.SlideDown('box1', {duration: 1}); 
																}
										});
		 new Effect.SlideUp('box2', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box2').innerHTML = '<img id="home_3box_09" src="images/negozi.gif" width="230" height="228" alt="MKE italia Punti Vendita" />';
																new Effect.SlideDown('box2', {duration: 1}); 
																}
										});
		 new Effect.SlideUp('box3', {
							  			duration: 1,
										queue: 'front',
										afterFinish: function(t){ 
																$('box3').innerHTML = '<img id="home_3box_09" src="images/home_3box_11_details01.jpg" width="230" height="228" alt="MKE italia Punti Vendita" />';
																new Effect.SlideDown('box3', {duration: 1}); 
																}
										});
}


// new Effect.toggle('prodotto','slide', {duration: 1});

/* all'onclick su prodotto Toggle sui 3 div e poi sostituisco innerHtml e poi ritoggle*/