var basedir;
var lang;
var scroll;
var parallax;
var clicked;
var arrow;
var solopened=null;
var dur=300;
if(isIE()) dur=0;

	function isIE(){
	 return Browser.Engine.trident;
	}
	
	function zeroPad(num,count)
	{
		var numZeropad = num + '';
		while(numZeropad.length < count) {
			numZeropad = "0" + numZeropad;
		}
		return numZeropad;
	}


	function scrollObjectTo(button,container,parxname,arrname,classelected,x,y,parx,pary,arrx,arry){
		if($(button)!=null){
			$(button).addEvent('click', function(e){
					e = new Event(e).stop();
					if(makeScrollable(container,parxname,arrname)){
						scroll.start(x,y);
						if(parxname!=null) parallax.start({'background-position':parx+'px '+pary+'px'});
						if(arrname!=null) arrow.start({'background-position':arrx+'px '+arry+'px'});
						$$(classelected).removeClass('selected');				
						this.addClass('selected');
					}
					
			});
		}
	}
	
	function makeScrollable(name,parxname,arrname){
			//alert(name+'/'+parxname+'/'+arrname);
			/**marquesina **/
			if($(name)!=null){
				scroll = new Fx.Scroll(name, {
					wait: true,
					wheelStops:false,
					duration: 600,
					offset: {'x': 0, 'y': 0},
					transition: Fx.Transitions.Sine.easeInOut,
					onComplete:showArrows//,
					//onStart:hideArrows//transition: Fx.Transitions.Sine.easeInOut
				});
				if(parxname!=null){
					if($(parxname)!=null){
						parallax = new Fx.Morph(parxname, {duration: 600, transition: Fx.Transitions.Sine.easeInOut});
					}
				}
				if(arrname!=null){
					if($(arrname)!=null){
						//var tmp=$(arrname).getStyle('background-position');
						//alert(tmp);
						arrow = new Fx.Morph(arrname, {duration: 600, transition: Fx.Transitions.Sine.easeInOut});	
						if($(arrname).getStyle('background-position')==null || typeof($(arrname).getStyle('background-position'))=="undefined"){
							$(arrname).setStyle('background-position','70px 28px');
							arrow.set({'background-position':'70px 28px'});
						}
						//alert($(arrname).getStyle('background-position'));
						
					}
				}
				return true;
			}else{
				return false;
			}
	}
		
	function hideOthers(name){
			$$('.solucion').each(function(o){ 
				
				if(name!=o.id){
					var myEffect = new Fx.Morph(o, {duration: dur, transition: Fx.Transitions.Sine.easeOut});
					myEffect.start({
						'width':'50px'
					});
				}
			});
		}
		
	function openVentaja(sol,ven){
			
		$('sol-'+sol+'-mask').getElements('.ventajas-text').each(function(o){if(o.getStyle('visibility')=='visible')o.setStyle('visibility','hidden')});
		$('sol-'+sol+'-mask').getElement('div.ventaja-'+ven).setStyle('visibility','visible');
	}


	function moveLeft(){
	
		var x=$('pagesmask').getScroll().x -958;
		var parx=0;
		var arrx=0;
		var but='link_home_domotica';
		if(x==0){
			parx=-480;
			arrx=95;
			but='link_home_domotica';
		}else if(x==958){
			parx=-240;
			arrx=285;
			but='link_home_beneficios';
		}else{
			parx=0;
			arrx=475;
			but='link_home_quien';
		}
		scroll = new Fx.Scroll('pagesmask', {
			wait: true,
			wheelStops:false,
			duration: 600,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Sine.easeInOut,
			onComplete:showArrows//,
			//onStart:hideArrows//transition: Fx.Transitions.Sine.easeInOut
		});
		
		
		parallax = new Fx.Morph('marquee', {duration: 600, transition: Fx.Transitions.Sine.easeInOut});
		arrow = new Fx.Morph('submenu', {duration: 600, transition: Fx.Transitions.Sine.easeInOut});	
		
		scroll.start(x,0);
		parallax.start({'background-position':parx+'px 0px'});
		if($('submenu').getStyle('background-position')==null || typeof($('submenu').getStyle('background-position'))=="undefined"){
			$('submenu').setStyle('background-position','70px 28px');
			arrow.set({'background-position':'70px 28px'});
		}
		arrow.start({'background-position':arrx+'px 28px'});
		
		$$('#submenu li').removeClass('selected');
		
		$(but).addClass('selected');
	}
	
	
	function moveRight(){
		var x=$('pagesmask').getScroll().x +958;
		var parx=0;
		var arrx=0;
		var but='link_home_domotica';
		if(x==0){
			parx=-480;
			arrx=95;
			but='link_home_domotica';
		}else if(x==958){
			parx=-285;
			arrx=285;
			but='link_home_beneficios';
		}else{
			parx=0;
			arrx=475;
			but='link_home_quien';
		}
		scroll = new Fx.Scroll('pagesmask', {
			wait: true,
			wheelStops:false,
			duration: 600,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Sine.easeInOut,
			onComplete:showArrows//,
			//onStart:hideArrows//transition: Fx.Transitions.Sine.easeInOut
		});
		
		
		parallax = new Fx.Morph('marquee', {duration: 600, transition: Fx.Transitions.Sine.easeInOut});
		arrow = new Fx.Morph('submenu', {duration: 600, transition: Fx.Transitions.Sine.easeInOut});	
		
		scroll.start(x,0);
		parallax.start({'background-position':parx+'px 0px'});
		if($('submenu').getStyle('background-position')==null || typeof($('submenu').getStyle('background-position'))=="undefined"){
			$('submenu').setStyle('background-position','70px 28px');
			arrow.set({'background-position':'70px 28px'});
		}
		arrow.start({'background-position':arrx+'px 28px'});
		$$('#submenu li').removeClass('selected');
		
		$(but).addClass('selected');

	}

	function showArrows(){
		var xx=$('pagesmask').getScroll().x;
		//alert(xx);
		if($('rightarrow')!=null){
			fundir($('rightarrow'),1);
			
			$('rightarrow').addEvent('click',moveRight);
			$('rightarrow').setStyle('cursor','pointer');
			
			fundir($('leftarrow'),1);
			
			$('leftarrow').addEvent('click',moveLeft);
			$('leftarrow').setStyle('cursor','pointer');
			
			if(xx==0){
				fundir($('leftarrow'),0.5);
				$('leftarrow').removeEvent('click',moveLeft);
				$('leftarrow').setStyle('cursor','default');
			}else if(xx==1916){
				fundir($('rightarrow'),0.5);
				$('rightarrow').removeEvent('click',moveRight);
				$('rightarrow').setStyle('cursor','default');
			}
		}
	}
	
	function fundir(o,num){
		if(isIE()) o.setStyle('opacity', num);
		else o.fade(num);
	}

window.addEvents({
	'domready': function(){
		
		basedir="/"+$('current_basedir').get('value');
		lang=$('current_lang').get('value');
		//alert(basedir+"/"+lang);
		showArrows();
			
			
		/**soluciones accordion */
		$$('.solucion h1').addEvent('click', function(e){
			//alert("HELLO");
			var theid=this.getParent('.solucion').id;
				//alert(theid);
				//escondo el contenido de los otros
				
				
				//abro la solución
				if(solopened!=theid){
					$$('.solucion h1').setStyle('width','50px');
					solopened=theid;
					if($(theid).getElement('.solucioncontents .solucion-content-marquee').getStyle('visibility')=='hidden'){
						fundir($(theid).getElement('.solucioncontents .solucion-content-marquee'),1);
					}
					fundir($(theid).getElement('.solucioncontents'),1);//setStyle('opacity', '1');
					
					$$('.solucioncontents').each(function(obj){
						var obj2=$(theid).getElement('.solucioncontents');
						
						//alert(obj.id+"||"+obj2.id);
						if(obj2.id != obj.id){
						//alert(obj+"-"+obj.getElement('.solucion-content-marquee').getStyle('visibility'));
							if(obj.getElement('.solucion-content-marquee').getStyle('visibility')=='visible'){
								fundir(obj.getElement('.solucion-content-marquee'),0);//setStyle('display', 'none');
							}
							
							fundir(obj,0);

							
						}
					});
					
					
					var myEffect = new Fx.Morph(this.getParent('.solucion'), {duration: dur, transition: Fx.Transitions.Sine.easeOut});
					myEffect.start({
							'width':'860px'
					});
					hideOthers(theid);
					clicked=theid;
				}else{ //cierro todas las soluciones
					$$('.solucion h1').setStyle('width','320px');
					solopened=null;
					$$('.solucion').each(function(o){
						var myEffect = new Fx.Morph(o, {duration: dur, transition: Fx.Transitions.Sine.easeOut});
						myEffect.start({
							'width':'320px'
						});
						if(o.getElement('.solucioncontents .solucion-content-marquee').getStyle('visibility')=='visible'){
							fundir(o.getElement('.solucioncontents .solucion-content-marquee'),0);//.setStyle('display', 'none');
						}
						
						fundir(o.getElement('.solucioncontents'),1);//setStyle('opacity', '1');
					
						
					});
				}
		});
		
		//abro la solucion que pasan por parametro
		if($('sol-opened')!=null){
			var theid='sol-'+$('sol-opened').get('value');
			//alert(theid);
			var sol=$(theid);
			//alert(sol);
			var myEffect = new Fx.Morph(sol, {duration: dur, transition: Fx.Transitions.Sine.easeOut});
			myEffect.start({
					'width':'860px'
			});
			$$('.solucioncontents').setStyle('visibility','hidden');
			sol.getElement('.solucioncontents').setStyle('visibility','visible');
			fundir(sol.getElement('.solucion-content-marquee'),1);//setStyle('opacity', '1');
			
			$$('.solucion h1').setStyle('width','50px');
					
			
							
			hideOthers(theid);
			solopened=theid;
			clicked=theid;
		}
		
		
		
		if(!isIE()){
		
					
			/**navigation menu*/
			$$('#navigation ul li a').addEvent('mouseover', function(e){
					e = new Event(e).stop();
					var xx;
					if(this.title=="empresa") xx='0px';
					else if(this.title=="home") xx='-180px';
					else if(this.title=="soluciones") xx='-180px';
					else if(this.title=="servicios") xx='-360px';
					else if(this.title=="partners") xx='-600px';
					else if(this.title=="contacto") xx='-780px';
						
					
					var myEffect = new Fx.Morph(this, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
					/*myEffect.set({
						'background-position':xx+' 0px'
					});*/
					//if(this.style.backgroundPosition=='' || this.style.backgroundPosition==xx+' 0px'){
						myEffect.start({
							'background-position':'0px -30px'
						});
						fundir(this.getElement('span'),1);
					//}
					
					
			});
			
			
			$$('#navigation ul li a').addEvent('mouseout', function(e){
					e = new Event(e).stop();
					var xx;
					if(this.title=="empresa") xx='0px';
					else if(this.title=="soluciones") xx='-180px';
					else if(this.title=="servicios") xx='-360px';
					else if(this.title=="partners") xx='-600px';
					else if(this.title=="contacto") xx='-780px';
					
					var myEffect = new Fx.Morph(this, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
					//alert(this.style.backgroundPosition);
					//if(this.style.backgroundPosition==xx+' -30px'){
						myEffect.start({
							'background-position':'0px 0px'
						});
					
						fundir(this.getElement('span'),0.7);
					//}
					
			});
		
		}
		
		
		
		
		/**objetos scrollables*/
		
		/**home*/
		scrollObjectTo('link_home_domotica','pagesmask','marquee','submenu','#submenu li',0,0,-480,0,95,28);
		scrollObjectTo('link_home_beneficios','pagesmask','marquee','submenu','#submenu li',958,0,-240,0,285,28);
		scrollObjectTo('link_home_quien','pagesmask','marquee','submenu','#submenu li',1916,0,0,0,475,28);
		
		
		/**soluciones*/
		scrollObjectTo('sol-res-button-1','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',0,0,-560,0,40,28);
		scrollObjectTo('sol-res-button-2','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',860,0,-420,0,117,28);
		scrollObjectTo('sol-res-button-3','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',1720,0,-280,0,178,28);
		scrollObjectTo('sol-res-button-4','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',2580,0,-140,0,232,28);
		
		scrollObjectTo('sol-com-button-1','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',0,0,-560,0,40,28);
		scrollObjectTo('sol-com-button-2','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',860,0,-420,0,117,28);
		scrollObjectTo('sol-com-button-3','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',1720,0,-280,0,178,28);
		scrollObjectTo('sol-com-button-4','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',2580,0,-140,0,232,28);
		
		scrollObjectTo('sol-edu-button-1','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',0,0,-560,0,40,28);
		scrollObjectTo('sol-edu-button-2','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',860,0,-420,0,117,28);
		scrollObjectTo('sol-edu-button-3','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',1720,0,-280,0,178,28);
		scrollObjectTo('sol-edu-button-4','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',2580,0,-140,0,232,28);
		
		/*
		scrollObjectTo('sol-res-button-1','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',0,0,-560,0,40,28);
		scrollObjectTo('sol-res-button-2','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',860,0,-420,0,117,28);
		scrollObjectTo('sol-res-button-3','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',1720,0,-280,0,178,28);
		scrollObjectTo('sol-res-button-4','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',2580,0,-140,0,232,28);
		scrollObjectTo('sol-res-button-5','sol-res-mask','sol-res-container','submenu-residencial','#submenu-residencial li',3440,0,0,0,298,28);
		
		scrollObjectTo('sol-com-button-1','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',0,0,-560,0,40,28);
		scrollObjectTo('sol-com-button-2','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',860,0,-420,0,117,28);
		scrollObjectTo('sol-com-button-3','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',1720,0,-280,0,178,28);
		scrollObjectTo('sol-com-button-4','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',2580,0,-140,0,232,28);
		scrollObjectTo('sol-com-button-5','sol-com-mask','sol-com-container','submenu-comercial','#submenu-comercial li',3440,0,0,0,298,28);
		
		scrollObjectTo('sol-edu-button-1','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',0,0,-560,0,40,28);
		scrollObjectTo('sol-edu-button-2','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',860,0,-420,0,117,28);
		scrollObjectTo('sol-edu-button-3','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',1720,0,-280,0,178,28);
		scrollObjectTo('sol-edu-button-4','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',2580,0,-140,0,232,28);
		scrollObjectTo('sol-edu-button-5','sol-edu-mask','sol-edu-container','submenu-educacional','#submenu-educacional li',3440,0,0,0,298,28);
		*/
		

		/*partners*/
		scrollObjectTo('partner-button-1','partner-mask','partner-marquee',null,null,0,0,0,0,0,0);
		scrollObjectTo('partner-button-2','partner-mask','partner-marquee',null,null,0,390,0,0,0,0);
		scrollObjectTo('partner-button-3','partner-mask','partner-marquee',null,null,0,780,0,0,0,0);
		

		
		
		/**soluciones home*/
		if($('sol-home-residencial')!=null){
			$('sol-home-residencial').addEvent('click', function(e){
				document.location='soluciones/residencial';
			});
			$('sol-home-comercial').addEvent('click', function(e){
				document.location='soluciones/comercial';
			});
			$('sol-home-educacional').addEvent('click', function(e){
				document.location='soluciones/educacional';
			});
		}
		
		
		
		/*PRELOADER*/
			/* progress bar */
			var progressBar = new dwProgressBar({
				container: $('progress-bar'),
				startPercentage: 0,
				speed:10,
				boxID: 'box',
				percentageID: 'perc',
				displayID: 'text',
				displayText: true
			});
	
			/* preloading */
			var imagesobj = $$('img');
			//alert(imagesobj.length);
			var customimages=new Array('images/content-bg.png','images/bg-white_20.png','images/bg-black_20.png','images/foot-bg.png','images/head.png',
			'images/bg.png','images/image-beneficios.png','images/image-dirigido.png','images/image-domotica.png','images/image-empresa.png','images/nav-bg-selected.png',
			'images/nav-bg.png','images/sol-bg-comercial.png','images/sol-bg-educacional.png','images/sol-bg-residencial.png','images/submenu-bg-blue.png',
			'images/submenu-bg-red.png','images/submenu-bg-orange.png','images/submenu-bg-yellow.png','images/bg-red.png','images/bg-blue.png',
			'images/bg-orange.png','images/bg-yellow.png','images/sitemap-bg.png',
			'images/6275574workgroup.jpg','images/5457175-blueprint.jpg','images/3692578-structure.jpg','images/6933565guy.jpg','images/8797223call.jpg',
			'images/lang/'+lang+'/tits_small_01.png','images/lang/'+lang+'/tits_small_02.png','images/lang/'+lang+'/tits_small_03.png',
			'images/lang/'+lang+'/tits_small_04.png','images/lang/'+lang+'/tits_small_05.png','images/lang/'+lang+'/tits_small_06.png');
			
			if(isIE()){
				var ieimages=new Array(24);
				for(i=0;i<24;i++){
					var ntmp=zeroPad(i+1,2);
					 ieimages[i]='images/lang/'+lang+'/nav-bg-ie_'+ntmp+'.png';
				}
				
				var tmpimages=new Array(ieimages.length + customimages.length);
				for(i=0;i<customimages.length;i++){
					tmpimages[i]=customimages[i];
				}
				for(i=0;i<ieimages.length;i++){
					tmpimages[customimages.length+i]=ieimages[i];
				}
				customimages=tmpimages;
			}
			//alert(images.length);
			
			//alert(imagesobj.length +" "+ customimages.length);
			var images=new Array(imagesobj.length + customimages.length);
			
			/*for(i=0;i<images.length;i++){
				//alert(images[i]);
				//images[i]=imagesobj[i];
			}*/
			
			for(i=0;i<customimages.length;i++){
				//alert(imagesobj[i].get('src'));
				images[i]=basedir+customimages[i];
			}
			
			for(i=0;i<imagesobj.length;i++){
				//alert(imagesobj[i].get('src'));
				images[customimages.length+i]=imagesobj[i].get('src');
			}
			
			//alert(images.length);
			var ll = new Asset.images(images, {
				onProgress: function(counter,index) {
					var tmp=(counter + 1) * (100 / images.length);
					//alert(counter);
					//alert(images[counter]);
					progressBar.set(tmp);
				},
				onComplete: function() {
					$('loader').destroy();
				}
			});
		
		
		
/*====================================
incluit per a servios profesionales
====================================*/
if($('ser-res-button-1')!=null){
		$('servicio-1').setStyle("display", "block")
		
		
		serbuttons=$$(".sersubmenu li");

		for(i=0;i<6;i++){
			$("ser-res-button-"+(i+1)).addEvent("click", function(evento){
	      		evento.preventDefault();
	      		var num=(this.id).split('-')[3];
				
				$$(".sersubmenu li").each(function(o){
					if("ser-res-button-"+num==o.id) o.addClass('selected');
					else  o.removeClass('selected');
				});	
				
				$$(".servicios-content").each(function(o){
					if("servicio-"+num==o.id) o.setStyle("display", "block");
					else  o.setStyle("display", "none");
				});
				
				

	   		});
			
		}
		
   
}
   
   //formulario de contacto
		if($('penta-contact-form')!=null){
		//	$('penta-contact-button').addEvent('click', function(e) {
		//		$('penta-contact-form').submit();
		//	});
			$('penta-contact-form').addEvent('submit', function(e) {
					e.stop();
					var log = $('log_res').addClass('ajax-loading');
					//Set the options of the form's Request handler. 
					//("this" refers to the $('myForm') element).
					this.set('send', {onComplete: function(response) { 
						log.removeClass('ajax-loading');
						$('contact-pre-info').setStyle('visibility','hidden');
						$('resultado-contacto').addClass('show');
						$('resultado-contacto').set('html', response);
						//alert(response.indexOf('Gracias'));
						if(response.indexOf('Gracias')==0){
							$('submitter').disabled=1;
							$('submitter').addClass('disabled');
						
						}
					}});
					//Send the form.
					this.send();
			});
		

		}
		
}})