document.observe("dom:loaded", init);


function init()
{
	if($('clientes-ul')){ //la lista de clientes en la seccion Hosting
		$('clientes-ul').childElements().each(function(li, index)
		{
			if (Prototype.Browser.IE6 != true) {
				li.update("<div style=\"background-image:url('http://media.obilabs.com/images/clientes_hosting/"+li.id+".jpg');\"><p id=\"info-"+li.id+"\" class=\"info\">"+li.id+"<br/><a class=\"green\" rel=\"external\" href=\"http://www."+li.id+"\">visitar web</a></p></div>");
				li.observe('custom:mouseenter', function(){ new Effect.Morph('info-'+this.id, {style:'top:72px' , duration:0.2 }) } );
				li.observe('custom:mouseleave', function(){ new Effect.Morph('info-'+this.id, {style:'top:102px' , duration:0.2 }) } );
			}
			else {
				li.update("<div style=\"background-image:url('http://media.obilabs.com/images/clientes_hosting/"+li.id+".jpg');\"><p id=\"info-"+li.id+"\" class=\"info-ie6\">"+li.id+"<br/><a class=\"green\" rel=\"external\" href=\"http://www."+li.id+"\">visitar web</a></p></div>");
			}
		});
	}


	if($('proyectos-ul')){ //la lista de proyectos en la seccion inicio
		$('proyectos-ul').childElements().each(function(li, index)
		{
			li.style.background = "url('http://media.obilabs.com/images/clientes_proyectos/"+li.id+".gif') no-repeat 30px 5px"
		});
	}

	if($('contacto-form')){ //el formulario de contacto
		$$('div.rop').each(Element.hide);

		$('bt_rop').onclick = contactoRop;
		$('bt_estandar').onclick = contactoEst;

		$('asunto').onchange = function() { //tambien cambia con el desplegable
		  if ($('asunto').value == 'servicios'){ contactoRop(); } else { contactoEst(); }
		}

		$('bt_enviar').onclick = function() {

			var valid;

			 if (!$('nombre').present()) { $('infoNombre').update('<span class="caterpillar">No puede quedar en blanco</span>') } else { $('infoNombre').update("") };
			 if ($F('correo').search(/^[^@]+@[^@]+.[a-z]{2,}$/i) == -1) { $('infoCorreo').update('<span class="caterpillar">ingresa una dirección de correo válida</span>') } else { $('infoCorreo').update("") };
			 if (!$('mensaje').present()) { $('infoMensaje').update('<span class="caterpillar">No puede quedar en blanco</span>') } else { $('infoMensaje').update("") };
			 if ($F('spam')!=cha) { $('infoSpam').update('<span class="caterpillar">o vamos, es aritmética de primaria</span>') } else { $('infoSpam').update("") };

			  // are all fields valid
			  valid = $('nombre').present() && ($F('correo').search(/^[^@]+@[^@]+.[a-z]{2,}$/i) != -1) && $('mensaje').present() && $F('spam')==cha;

			  if (valid) {
				$('contacto-form').request({
					onComplete: function() {
						$('contacto-form-wrapper').style.height = $('contacto-form-wrapper').getHeight()+'px';
						$('contacto-form-wrapper').update('<div class="white" style="font-size:120%; text-align:center; margin-top:50px;"> <img src="http://media.obilabs.com/images/Checked.png" style="margin-bottom:20px;" /><br>Gracias por escribirnos, <br> nos pondremos en contacto contigo tan pronto nos sea posible </div>');
						new Effect.Opacity('contacto-form-wrapper', { from: 0, to: 1 });
						$('contacto-form-wrapper').morph('height:150px;');	Effect.DropOut('tipo-contacto');

					}
				})
				return true
			  }
			  return false
		}
	}

	if($('merchant-logo')){ //el logo de 2co
		$('merchant-logo').onmouseover = function() {
			$('merchant-logo').src = "http://media.obilabs.com/images/2coccs.jpg";
		}
		$('merchant-logo').onmouseout = function() {
			$('merchant-logo').src = "http://media.obilabs.com/images/2coccs_gray.gif";
		}

	}
	externalLinks();
}


function externalLinks() {
	if (!document.getElementsByTagName) return;

	var anchors = document.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++) {
	var anchor = anchors[i];
	if (anchor.getAttribute("href") &&
	anchor.getAttribute("rel") == "external")
	anchor.target = "_blank";
	}
}

function contactoRop(){ //cambia el formulario de contacto a un Request of proposal
	$$('div.rop').each(Element.show);
	$('bt_estandar').removeClassName('green2');
	$('bt_rop').addClassName('green2');
	$('titulo').update("trabaja<strong>con</strong>nosotros");
}

function contactoEst(){ //cambia el formulario de contacto a un contacto estandar
	$$('div.rop').each(Element.hide);
	$('bt_rop').removeClassName('green2');
	$('bt_estandar').addClassName('green2');
	$('titulo').update("¿algo<strong>que</strong>contar?");
}