/* Alambre Estudio Gráfico
   www.alambre.net
   //
   Javascript DICA CSS+XHTML
   MENUS Kwick
   Octubre 2009
*/
// Menus Kwick
    
    window.addEvent('domready', function(){
	var szNormal = 80, szSmall  = 80, szFull   = 260;
	 
	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.linear});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("click", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
		
		var src_c ="",src_b="",extension_c="",extension_b="";
		
		$$('img#dica_c').each(function(img) {
			    src_c = img.getProperty('src');
				extension_c = src_c.substring(src_c.lastIndexOf('.'),src_c.length)
			    img.addEvent('mouseenter', function() {
			    	if(img.hasClass('sel')) {
			    	} else {
			    	img.setProperty('src',src_c.replace(extension_c,'_h' + extension_c));
			    	}
			    });
				img.addEvent('mouseleave', function() {
					if(img.hasClass('sel')) {
			    	} else {
			    	img.setProperty('src',src_c);
			    	}
				}); 

				img.addEvent('click',function() {
					img.addClass('sel');
					img.setProperty('src',src_c.replace(extension_c,'_h' + extension_c));
					$('dica_b').removeClass('sel');
					$('dica_b').setProperty('src',src_b)
				});

		});
		
		$$('img#dica_b').each(function(img) {
			    src_b = img.getProperty('src');
				extension_b = src_b.substring(src_b.lastIndexOf('.'),src_b.length)
			    img.addEvent('mouseenter', function() {
			    	if(img.hasClass('sel')) {
			    	} else {
			    	img.setProperty('src',src_b.replace(extension_b,'_h' + extension_b));
			    	}
			    });
				img.addEvent('mouseleave', function() {
					if(img.hasClass('sel')) {
			    	} else {
			    	img.setProperty('src',src_b);
			    	}
				}); 

				img.addEvent('click',function() {
					img.addClass('sel');
					img.setProperty('src',src_b.replace(extension_b,'_h' + extension_b));
					$('dica_c').removeClass('sel');
					$('dica_c').setProperty('src',src_c)
				});

		});		
	});
	});