// JavaScript Document

if ($('search')){
	Event.observe('search', 'focus', quitar_letras);
	Event.observe('search', 'blur', poner_letras);
}

function quitar_letras(e){
	if ($('search').value == 'Buscar en las noticias'){
		$('search').value = '';
	}

}

function poner_letras(e){
	if ($('search').value == ''){
		$('search').value = 'Buscar en las noticias';
	}
}


if ($('add_favoritos')) Event.observe('add_favoritos', 'click', agregar_favorito);
if ($('add_favoritos2')) Event.observe('add_favoritos2', 'click', agregar_favorito);
if ($('add_favoritos3')) Event.observe('add_favoritos3', 'click', agregar_favorito);

function agregar_favorito(e){
	var e = window.event ? window.event : e;
	
	var url = 'http://www.sincomponenda.org/';
	var titulo = 'ONG Ala sin componenda';
	if (window.external){
		window.external.AddFavorite(url,titulo);
	} else {
		alert("Presione Ctrl + D  para agregar a favoritos");
	}
	
	Event.stop(e);
}


// Tamaño de columnas 

function igualar_alto_columnas(e){
	var alto_contenido = Element.getHeight('page_content');
	var col_izq_alto = Element.getHeight('main_menu');
	var col_der_alto = Element.getHeight('menu_extra');
	
	if (col_izq_alto < alto_contenido) $('main_menu').style.height = alto_contenido+'px';
	if (col_der_alto < alto_contenido) $('menu_extra').style.height = alto_contenido+'px';
	
	alto_maximo = Math.max(alto_contenido, Math.max(col_izq_alto, col_der_alto));
	$('menu_extra').style.height = alto_maximo+'px';
	$('main_menu').style.height = alto_maximo+'px';
}

function calcular_ancho(e){
	ancho_pagina = Element.getDimensions('page').width ;
	ancho_real = Element.getDimensions('inner_width').width ;
	
	if (ancho_pagina < 760){
		$('page').style.width = '760px';
	} else if (ancho_pagina > 984){
		$('page').style.width = '984px';
	} else if (ancho_real >= 760 && ancho_real <= 984) {
		$('page').style.width = "100%";
	}
	
	var col_izq_width = Element.getDimensions('main_menu').width;
	var col_der_width = Element.getDimensions('menu_extra').width;
	
	ancho_columnas = col_izq_width + col_der_width ;
	ancho_contenido = ancho_pagina - ancho_columnas - 24 ;
	$('page_content').style.width = ancho_contenido+'px';
}

Event.observe(window, 'load', igualar_alto_columnas);
Event.observe(window, 'load', calcular_ancho);
Event.observe(window, 'resize', calcular_ancho);