// JavaScript Document
var last_clicked = 'news';
function loadInfo()
{
	var slug = getSlug(this.id);
	last_clicked = slug;
	
	//var slug = this.href.substr(this.href.lastIndexOf('/') + 1);
	new Ajax.Updater('hom_marco_2_cuerpo', this.href, {
			asynchronous:true, 
			evalScripts:false, 
			onLoading:function(request, json){
				$('hom_marco_2_cuerpo').update('<div style="width:100%;padding-top:50px;text-align:center"><img src="' + small_loader + '" alt="Cargando" /></div>');
			},
			onSuccess:function(request, json){ updateIcons(slug) }
			
			});
	
	return false;
}

function updateIcons(slug_selec)
{ 	var modules = document.getElementsByClassName('item_detail', 'hom_marco_2_header');
	for (var i=0; i<modules.length; i++) {
		var slug = getSlug(modules[i].id);
		var src = $('icon_mod_' + slug).src;
		var search = src.substr(src.lastIndexOf('/') + 1);
		var replace = (slug == slug_selec) ? 'mod_' + slug + '_over.jpg' : 'mod_' + slug + '.jpg';
		src = src.replace(search, replace);
		$('icon_mod_' + slug).src = src; 
	}
}

function changeIcon(e)
{
	var e=window.event || e;
	var slug = getSlug(this.id);
	var src = $('icon_mod_' + slug).src;
	var search = src.substr(src.lastIndexOf('/') + 1);
	var replace = '';
	
	if (e.type == 'mouseover') {		
		replace = 'mod_' + slug + '_over.jpg';
	} else { //'mouseout'
		if (last_clicked == slug) {
			replace = 'mod_' + slug + '_over.jpg';
		} else {
			replace = 'mod_' + slug + '.jpg';
		}
	}
	
	src = src.replace(search, replace);
	$('icon_mod_' + slug).src = src; 
	
	// cambiar el estilo a seleccionado?
	
}

function getSlug(str)
{
	return str.replace('item_', '');
}

function initHome()
{
	projects = document.getElementsByClassName('hom_proyecto_item', 'hom_marco_1_izq');
	for (var i=0; i<projects.length; i++) {
		projects[i].onclick = function(){new Ajax.Updater('hom_marco_1_der', this.href, {asynchronous:true, evalScripts:false, onLoading:function(request, json){$('hom_marco_1_der').update('<div style="width:100%;padding-top:100px;text-align:center"><img src="' + small_loader + '" alt="Cargando" /></div>')}}); 
 return false;}
	}
	
	modules = document.getElementsByClassName('item_detail', 'hom_marco_2_header');
	for (var i=0; i<modules.length; i++) {
		modules[i].onclick     = loadInfo;
		modules[i].onmouseover = changeIcon;
		modules[i].onmouseout  = changeIcon;
	}
  /*Para Accesibilidad*/
  var links = $$('a.with_target');

  for(var i=0;i<links.length;i++) {
    links[i].setAttribute('target','_blank');
  }
  /**/
}

Event.observe(window, 'load', initHome, false);