// JavaScript Document
jQuery.fn.Slide = function(userOptions){
	var options=jQuery.extend({
		target: "#maquina", 						//elemento que contem a imagem a ser alterada
		tlink: 	"./index.php?p=maquina&m="			//link inserido na imagem
	},userOptions);
	
	var targetLink 		= $(options.target+"-click");
	
	//adiciona evento na imagem
	targetLink.click(function(){
		window.location = options.tlink + targetLink.attr('rel');
	});
	
	//adiciona eventos nos links
	this.each(function(i, el){
		var el 				= $(el);
		var ref 			= el.text();
		var targetImg 		= $(options.target+" #img_"+ref);
		
		//ao passar o mouse sobre o link
		el.mouseover(function(){
			if(currentRef() != ref){
				//troca o link da imagem
				targetLink.attr('rel', ref);
				//oculta todas as Divs de maquinas
				var rmImg = $(options.target).children(".showing");
				//troca a imagem
				rmImg.fadeOut(100, function(){rmImg.toggleClass("showing");});
				targetImg.fadeIn(100,function(){targetImg.toggleClass("showing");});
			}						
		});
				
	});
	
	function currentRef(){
		return $(options.target+"-click").attr('rel');
	}
	
}