function ShowPie(ele) {
	ele = (typeof(ele) == "string" ? jQuery("map#__maping area[alt=" + ele + "]")[0] : ele);
	
	if(ele.getAttribute("boletin") == null) return;
	
	var _hash = document.location.hash.split('/');
	
	document.location.hash = "regional/" + ele.alt;
	
	jQuery("._d_chart").click(function () { window.location.hash = "historico/regional/-1/" + ele.alt.removeTilde().toLowerCase() + "/1/1/"; Change(document.getElementById("_historico")); });
	
	jQuery('#_tooltip').remove();
	jQuery(".___title").html(ele.alt);
	
	jQuery("#_d_boletin").css({display: "inline"});
	jQuery("#_d_informado").css({display: "inline"});
	jQuery("#_d_chart").css({display: "inline"});

	jQuery("#_value_d_boletin").html("#" + ele.getAttribute("boletin"));
	jQuery("#_value_d_informado").html(ele.getAttribute("informado") + "%");
	
	var data = [
			{ label: "Santos",  data: parseFloat(ele.getAttribute("percentu"))},
			{ label: "Mockus",  data: parseFloat(ele.getAttribute("percentverde"))}
	];
	jQuery.plot(jQuery(".___detail"), data,
	{
		series: {
			pie: {
				show: true,
				tilt: 0.6,
				label: { 
					show: true,
					formatter: function(label, series){
                        return '<div style="font-size:11pt;text-align:center;padding:2px;color:#777;font-weight:bolder;">'+label+'<br/>' + Math.round(series.percent) + '%</div>';
                    },
                    threshold: 0.1
				}
			},
			shadowSize: 3
		},
		grid: {
			hoverable: true,
			clickable: true
		},
		colors: ["#f9b05a", "#a2cc80"]
	});
	jQuery(".___detail").bind("plothover", function (event, pos, item) {
		if (item) {			
			showTooltipPie(___x + 5, 
						   ___y + 5, 
						   "<b>" + item.series.label + "</b> | Porcentaje: <b>" + Math.round(item.series.percent) + "%</b>");
		}
		else {
			jQuery("#_tooltip").remove();	
			previousPoint = null;            
		}
    });
}
var _id_time_out_remove_tooltip = null;
function showTooltipPie(x, y, contents) {
	
	if(document.getElementById("_tooltip") != undefined) {
		jQuery("#_tooltip").css({ left: x + 5, top: y + 5 });
		jQuery("#_tooltip").html(contents);
		if(_id_time_out_remove_tooltip != null) {
			clearTimeout(_id_time_out_remove_tooltip);
			jQuery("#_tooltip").slideDown(200);
		}
		
		_id_time_out_remove_tooltip = setTimeout('jQuery("#_tooltip").slideUp(200)', 1000);
	}
	else {
		jQuery('<div id="_tooltip" >' + contents + '</div>').css( {
			position: jQuery.browser.msie ? 'fixed' : 'absolute',
			display: 'none',
			top: y + 5,
			left: x + 5,
			border: '1px solid #000',
			padding: '4px',
			'border-radius': '5px',
			'font-size': '12px',
			color: 'white',
			'font-family': 'Arial',
			'background-color': '#000',
			display: "none"
		}).appendTo("body").slideDown(200);
	}
}

/***** MAP ****/
	var ___x = 0, ___y = 0;
	function getMouseCoordinates(event)
	{
		ev = event || window.event;
		___x = jQuery.browser.msie ? window.event.clientX : ev.pageX;
		___y = jQuery.browser.msie ? window.event.clientY : ev.pageY;
	}
	
	function ShowToolTip(_x, _y, obj) {
		if(obj.boletin == null) return;
		var _santos = "<div class='result'>" +
						"<div class='logo'><img src='content/images/map/santos.gif' /></div>" +
						"<div class='info'><b id='percent'>" + obj.percent_u + "%</b> <b>" + obj.votes_u + "</b> votos</div>" +
					"</div>";
		var _mockus = "<div class='result'>" +
						"<div class='logo'><img src='content/images/map/mockus.gif' /></div>" +
						"<div class='info'><b id='percent'>" + obj.percent_verde + "%</b> <b>" + obj.votes_verde + "</b> votos</div>" +
					"</div>";
		jQuery("<div class='__tooltip_info' reference=" + obj.department + ">" +
			   		"<b id='title'>" + obj.department.replaceAll(/-/, " ") + "</b>" +
					( obj.percent_u > obj.percent_verde ? _santos + _mockus : _mockus + _santos ) +
					"<div class='__logo_caracoltv'></div>" +
					( obj.boletin == null ? "" : "<div class='__boletin_informado'>Bolet&iacute;n: #<b>" + obj.boletin + "</b> | Informado: <b>" + obj.informado + "</b>%</div>" ) +
				"</div>"
			   ).css( {
			position: jQuery.browser.msie ? "fixed" : "absolute",
			top: _y + 5,
			left: _x + 5,
			opacity: 0.4
		}).appendTo("body").customFadeTo("slow", 1);
		
	}
		
	/*** Fade ***/	
	var _passed = [];
	function InitHover() { 

		jQuery("area").hover( 
			function () {  
				var ___obj = { department: this.alt.replaceAll(" ", "-").replaceAll(".", ""), 
							   percent_u: this.getAttribute("percentu"), 
							   votes_u: this.getAttribute("votesu"), 
							   percent_verde: this.getAttribute("percentverde"), 
							   votes_verde: this.getAttribute("votesverde"),
							   boletin: this.getAttribute("boletin"), 
							   informado: this.getAttribute("informado")
							}; 
				
				jQuery("#" + ___obj.department.toLowerCase().removeTilde()).customFadeTo("fast", 
												  0.3, 
												  function () { ShowToolTip(___x, ___y, ___obj);  }); }, 
												  function () { 
												  		var _titl = this.alt.replaceAll(" ", "-").replaceAll(".", ""); 
														var _id_de = _titl.toLowerCase().removeTilde(); 
														jQuery("#" + _id_de).customFadeTo("fast", 
																						  1, 
																						  function () { jQuery(".__tooltip_info[reference=" + _titl + "]").remove(); /*jQuery(".__tooltip_info[reference=" + _titl + "]").customFadeTo(100, 0.6, function () { jQuery(".__tooltip_info[reference=" + _titl + "]").remove(); });*/ } 
																						  ); 
												   }); 
				//jQuery("area").attr("href", "javascript: void(0);"); 
			} 
	/*** Fade ***/
	
	/** Extends **/
	
	Array.prototype.findElement = function (item, comparer) {
		for(var i = 0; i  < this.length; i++) {
 			if(comparer(this[i], item)) return this[i];
		}
		return null;
	}
	/** Extends **/
	function Console(msg) { jQuery("#_console").append(msg + "<br>"); }

/**** MAP *****/