// JavaScript Document
//<![CDATA[ 
var DimCom = {
	
	start: function(){
		
		if ($('home')) DimCom.HomePage();
		if ($('community')) DimCom.Community();
		if ($('servizioclienti')) DimCom.ServizioClienti();
		if ($('servizi')) DimCom.Servizi();
		if ($('colori')) DimCom.ToolTips();
		if ($('richiesta-info')) DimCom.myToggle('richiesta-info');
		if ($('form-info')) DimCom.myToggle('form-info');
	},
	
	HomePage: function(){
		
		obj1 = $('img-idea');
		obj2 = $('img-giochi');
		obj3 = $('img-comunita');
		obj4 = $('img-assistenza');		
		
		obj1.setProperty('width', '0');
		obj2.setProperty('width', '0');
		obj3.setProperty('width', '0');
		obj4.setProperty('width', '0');
		
		obj1.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)
		obj2.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)
		obj3.effect('width', { duration: 1000, transition: Fx.Transitions.bounceOut }).start(0, 166)
		obj4.effect('width', { duration: 1000, transition: Fx.Transitions.bounceOut }).start(0, 166)

	},	// Fine homePage()

	Community: function(){

		obj1 = $('img-campionato');
		obj2 = $('img-artegioco');
		obj3 = $('img-progettando');
		obj4 = $('img-newsletter');		
		
		obj1.setProperty('width', '0');
		obj2.setProperty('width', '0');
		obj3.setProperty('width', '0');
		obj4.setProperty('width', '0');		
		
		obj1.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)
		obj2.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)
		obj3.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)
		obj4.effect('width', { duration: 1000, transition: Fx.Transitions.bounceOut }).start(0, 166)		

	},	// Fine Community()

	ServizioClienti: function(){

		obj1 = $('img-assistenza');
		obj2 = $('img-acustica');		
		
		obj1.setProperty('width', '0');
		obj2.setProperty('width', '0');		
		
		obj1.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)
		obj2.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)		

	},	// Fine ServizioClienti()
	
	Servizi: function(){

		obj2 = $('img-consulenza');
		obj3 = $('img-sicurezza');
		obj4 = $('img-richiesta');
		obj5 = $('img-psico');
		
		
		obj2.setProperty('width', '0');
		obj3.setProperty('width', '0');
		obj4.setProperty('width', '0');
		obj5.setProperty('width', '0');
		
		obj2.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)
		obj3.effect('width', {duration: 1000, transition: Fx.Transitions.bounceOut}).start(0,166)
		obj4.effect('width', { duration: 1000, transition: Fx.Transitions.bounceOut }).start(0, 166)
		obj5.effect('width', { duration: 1000, transition: Fx.Transitions.bounceOut }).start(0, 186)

	},	// Fine Servizi()

	ToolTips: function() {
		
		var TipsScroll = new Tips($$('.TipsDrag'), {
			initialize: function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(1);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			}
		});		

	},	// Fine ToolTip()
	
	myToggle: function(tipo) {
		
		var mySlide = new Fx.Slide(tipo);
		
		$('toggle').addEvent('click', function(e){
			e = new Event(e);
			mySlide.toggle();
			e.stop();
		});
		mySlide.toggle();
	}	// Fine myToggle()	
}

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

window.addEvent('domready', DimCom.start);
//]]>