var cargar = function(el,ruta) {
    el = $(el);
    //estamos cargando
    el.setHTML('<div class="cargando_img"><img src="http://www.guiabcn.cat/imagenes/loading_anim.gif" alt="Cargando datos..." width="16" height="16" /></div>');
    new Ajax(ruta, {
        onComplete:function(e) {
            el.toggleClass('loading');
            //actualizamos contenedor
            el.setHTML(e);
        }
    }).request();
    return false;
}

window.addEvent('domready', function(){

	//menu
	menu = $$('.menu ul li a');
	menu_imagen = $$('.menu ul li a img');
	men = {};
	menu.each(function(el2, idx2) {
	   if (el2.hasClass('seleccionado')==false){
			men[idx2] = new Fx.Styles(menu_imagen[idx2], {duration:150, wait:false});
			el2.addEvent('mouseenter', function(){ men[idx2].start({ 'opacity': 1 }); });
			el2.addEvent('mouseleave', function(){ men[idx2].start({ 'opacity': 0 }); });
			
		}
	});				  
				  

	//modul noticias
    links = $$('.modul');
	toggles = $$('.descripcio');
	togs = {};
	links.each(function(el, idx) {
		togs[idx] = new Fx.Styles(toggles[idx], {duration:550, transition: Fx.Transitions.Circ.easeOut, wait:false});
		el.addEvent('mouseenter', function(){ togs[idx].start({ 'top': 0 }); });
		el.addEvent('mouseleave', function(){ togs[idx].start({ 'top': 260 }); });
	});
	
	//modul modul web y graficos
	
    links_2 = $$('.modul_sin a');
	toggles_2 = $$('.descripcio');
	togs_2 = {};
	var id_actual=0;
	var idx_actual=0;
	
	links_2.each(function(el_2, idx_2) {
		togs_2[idx_2] = new Fx.Styles(toggles[idx_2], {duration:550, transition: Fx.Transitions.Circ.easeOut, wait:false});
		el_2.setProperties({'href':'javascript:;'});
		
		el_2.addEvent('mouseenter', function(){
											 if (idx_2!=id_actual) {
												togs_2[idx_2].start({ 'top': 0 });
											 }
											 });
		el_2.addEvent('mouseleave', function(){ 
											 if (idx_2!=id_actual) {
												togs_2[idx_2].start({ 'top': 100 });
											 }
											 });
		
		el_2.addEvent('click', function(){
				if (idx_actual!=null) {togs_2[idx_actual].start({ 'top': 100});}
				
				id_actual=idx_2;
				links_2[idx_2].setStyle('top', '0px');
				idx_actual=idx_2;
				});
		
		togs_2[0].start({ 'top': 0 });
	});
	
	
	//transicio de les noticies
	var scroll = new Fx.Scroll('moduls', {
	wait: false,
	duration: 750,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Quad.easeOut
	});
	

		paginas = $$('.pagines a');
		paginas.each(function(el_pag, id_pag) {
		el_pag.addEvent('click', function(event){ 
			event = new Event(event).stop();
			scroll.toElement('pag_'+el_pag.title);
			
			enlaces_pag = $$('.pagines a');
			enlaces_pag.each(function(el_pag2, id_pag2) {
				el_pag2.removeClass('activado');
			});
			
			el_pag.addClass('activado');
		});
		});
});

function moduls_flash(tabla, archivo) {
	var web='http://www.guiabcn.cat';
	
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="567" height="444" id="flash" align="middle">');
document.write('<param name="allowScriptAccess" value="sameDomain" />');
document.write('<param name="movie" value="'+web+'/img/web/'+tabla+'/'+archivo+'" />');
document.write('<param name="quality" value="high" />');
document.write('<param name="wmode" value="transparent" />');
document.write('<param name="bgcolor" value="#ffffff" />');
document.write('<embed src="'+web+'/img/web/'+tabla+'/'+archivo+'" quality="high" bgcolor="#ffffff" width="567" height="444" name="mymovie" wmode="transparent" align="middle" allowScriptAccess="sameDomain"');
document.write('   type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />');
document.write('</object>');		    

}