/**
 * @author pmtzp
 */
//var sliders = new Array();

Window.onDomReady(function() {

		// TABS
		mySlide = new Fx.Slide('tab_basico');
		$('toggle').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideIn();
			mySlide2.slideOut(); // Ocultamos el Tab-Avanzado
			var url_img1 = window.location.protocol+'/'+'/'+window.location.host + '/municipios/images/flecha_arriba.png';
			$('flecha_arriba').src = url_img1; // Ponemos la flecha mirando para arriba
			e.stop();
		});
		var mySlide2 = new Fx.Slide('tab_avanzado').hide(); //Creamos el TAB avanzado oculto
		$('toggle2').addEvent('click', function(e2){
			e2 = new Event(e2);
			mySlide.slideIn();
			mySlide2.slideIn();
			var url_img1 = window.location.protocol+'/'+'/'+window.location.host + '/municipios/images/flecha_arriba.png';
			$('flecha_arriba').src = url_img1; // Ponemos la flecha mirando para arriba
			e2.stop();
		});
		mySlide.show();

		element = $('toggle');
		element2 = $('toggle2');
		element3 = $('contraer');
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		var fx2 = new Fx.Styles(element2, {duration:200, wait:false});
		var fx3 = new Fx.Styles(element3, {duration:200, wait:false});
		var activo = 0;

		element.addEvent('click', function(){
			fx.start({
				'background-color': '#ECF7ED',
				'border-bottom-color': '#ECF7ED'
			});
			fx2.start({
				'background-color': '#a3d2a4',
				'border-bottom-color': '#778'
			});
			activo = 0;
		});
		element2.addEvent('click', function(){
			fx.start({
				'background-color': '#a3d2a4',
				'border-bottom-color': '#778'
			});
			fx2.start({
				'background-color': '#ECF7ED',
				'border-bottom-color': '#ECF7ED'
			});
			activo = 1
		});
		element3.addEvent('click', function(){
			var url_img1 = window.location.protocol+'/'+'/'+window.location.host + '/municipios/images/flecha_arriba.png';
			var url_img2 = window.location.protocol+'/'+'/'+window.location.host + '/municipios/images/flecha_abajo.png';
			if (activo == 0){
				if ($('flecha_arriba').src == url_img1){
					$('flecha_arriba').src = url_img2;
				}else{
					$('flecha_arriba').src = url_img1;
				}
				mySlide.toggle();
			}
			if (activo == 1){
				if ($('flecha_arriba').src == url_img1){
					$('flecha_arriba').src = url_img2;
				}else{
					$('flecha_arriba').src = url_img1;
				}
				mySlide.toggle();
				mySlide2.toggle();
			}
		});
		// FIN TABS
		// ******************************************************
		// ACORDEÓN
		var arrVtns = $$('#miAcordeon .dspAcc');
		var arrDsps = $$('#miAcordeon .vtnAcc');

		ac0 = new Fx.Accordion(
			arrVtns,
			arrDsps,
			{
				duration: 400,
				unit: 'px',
				wait: false,
				fps: 40,
				onComplete: function(){
					mySlide.slideIn();  // Ajustamos el tamaño de los TABS
				},

				display:2,
				opacity: true,
				alwaysHide: true
			}
		);

		var arrVtns = $$('#miAcordeon2 .dspAcc2');
		var arrDsps = $$('#miAcordeon2 .vtnAcc2');

		ac1 = new Fx.Accordion(
			arrVtns,
			arrDsps,
			{
				duration: 400,
				unit: 'px',
				wait: false,
				fps: 40,
				onComplete: function(){
					if (mySlide2.open){
						mySlide2.slideIn(); // Ajustamos el tamaño de los TABS
					}
				},

				display:1,
				alwaysHide: true
			}
		);
		// FIN ACORDEÓN
		// *********************************************************
		// SLIDER BAR VERTICAL
		// Añadimos este evento que nos pone el kNob en el punto medio del elemento donde estamos
		$('area_slider').addEvent('click', function(){
			sliders.pos = sliders.step;
			sliders.checkStep();
			sliders.end();
			sliders.fireEvent('onTick', sliders.toPosition(sliders.pos));
		});

		var fx4 = new Fx.Style($('knob'), 'top', {duration: 300, wait: false});
		sliders = new Slider($('area_slider'), $('knob'), {
			steps: 4,
			mode: 'vertical',
			onChange: function(step){
				//$('upd').setHTML(step);
			},
			onTick: function(pos){
				fx4.custom(pos);
			},
			onComplete: function(pos){
				//alert ('cambia!!!');
				//alert (pos);
			}
		}).set(4);

		sliders.addEvent('onComplete', function(pos) {
			//alert (pos);
			myZoomToScale(pos);
		});
		// FIN SLIDER BAR VERTICAL
		// ******************************************************************

		// TIPS
		var Tips1 = new Tips($$('.Tips1'));
		// FIN TIPS *********************************************************

		// SLIDER HORIZONTAL
		/*
		var mySlideHor1 = new Fx.Slide('linkToView', {mode: 'horizontal'});
		$('links_view').addEvent('click', function(e){
			e = new Event(e);
			mySlideHor1.toggle();
			e.stop();
		});
		mySlideHor1.hide();
		*/
		/*
		var mySlideHor2 = new Fx.Slide('generaPDF', {mode: 'horizontal'});
		$('imprimir').addEvent('click', function(e){
			e = new Event(e);
			mySlideHor2.toggle();
			e.stop();
		});
		mySlideHor2.hide();
		*/

		// FORMULARIO BUSQUEDA
		// ***************************************
		$('myForm').addEvent('submit', function(e) {
			/**
			 * Prevent the submit event
			 */
			new Event(e).stop();

			var log = $('log_res').empty().addClass('ajax-loading');
			log.innerHTML = "<div><br/><br/><br/>Conectando con Catastro...</div>";

			// Desplegamos el apartado FINCA CATASTRAL
			if (ac0.previous != 3){
				ac0.display(3); // Desplegamos el apartado CATASTRO del acordeón
			}else{
				var nuevo_alto = $('log').getStyle('height').toInt();
				nuevo_alto = nuevo_alto + 25 + 'px';
				$('acc_CAT').setStyle('height', nuevo_alto);
				mySlide.slideIn();									
			}
			this.send({
				update: log,
				evalScripts: true,
				onComplete: function() {
					log.removeClass('ajax-loading');
					
					var nuevo_alto = $('log').getStyle('height').toInt();
					nuevo_alto = nuevo_alto + 25 + 'px';
					$('acc_CAT').setStyle('height', nuevo_alto);
					mySlide.slideIn();							
				}
			});				
		});
		
		// FUNCIONES FORMULARIO
		$('input_poligono').addEvent('click', function(e) {
			$('input_refcat').value = "";
			$('input_refcat').style.backgroundColor = "#D6D2CB";
			$('input_poligono').style.backgroundColor = "#FFF";
			$('input_parcela').style.backgroundColor = "#FFF";			
		});
		$('input_parcela').addEvent('click', function(e) {
			$('input_refcat').value = "";
			$('input_refcat').style.backgroundColor = "#D6D2CB";	
			$('input_poligono').style.backgroundColor = "#FFF";
			$('input_parcela').style.backgroundColor = "#FFF";											
		});
		$('input_refcat').addEvent('click', function(e) {
			$('input_poligono').value = "";			
			$('input_parcela').value = "";
			$('input_poligono').style.backgroundColor = "#D6D2CB";						
			$('input_parcela').style.backgroundColor = "#D6D2CB";
			$('input_refcat').style.backgroundColor = "#FFF";
		});				
		
	});