// JavaScript Document

$(window).load(function() 
{
	var pos_x, pos_y;
	
	srcCategory = $("#categorias").children("img").attr("src");
	
	$("#categorias").bind("mouseenter",function(){
		pos_y = ($("#categorias").position().top + 20);
		pos_x = ($(".search").position().left + 950) - ($("div#menu-container").width() + 5);
		
		$(this).children("img").attr("src", srcCategory.replace("C.gif", "V.gif"));
		
		$("div#menu-container").show();
		$("div#menu-container").css("top", pos_y);
		$("div#menu-container").css("left", pos_x);
		$("div#menu-container").css("z-index", 100);
   	});
	
	$("div#menu-container").bind("mouseleave", function(){
		$("#categorias").children("img").attr("src", srcCategory);
		//$("div#menu-container").fadeOut("fast");
		$("div#menu-container").hide();
	});
	
	$("ul#menu-list li a").mouseover(function(){
		$("div#imgHolder").css("top", pos_y);
		$("div#imgHolder").css("left", pos_x - 170);
		$("div#imgHolder").css("z-index", 999);
		$("div#imgHolder").append("<img src='" + this.id + "'>").show();
	});
	
	$("ul#menu-list li a").mouseout(function(){
		$("div#imgHolder").empty();
		$("div#imgHolder").hide();
	});
	
	$(".box_content").bind("mouseenter", function() {
		$(this).css("background", "#1C1C1C;");
		$(this).css("border-left", "#474747 1px solid;");
		$(this).css("border-top", "#474747 1px solid;");
		$(this).css("border-right", "#212121 1px solid;");
		$(this).css("border-bottom", "#212121 1px solid;");
	});
	
	$(".box_content").bind("mouseleave", function() {
		$(this).css("background", "#000;");
		$(this).css("border-left", "#000 1px solid;");
		$(this).css("border-top", "#000 1px solid;");
		$(this).css("border-right", "#000 1px solid;");
		$(this).css("border-bottom", "#000 1px solid;");
	});
});

$(document).ready(function() 
{
	Shadowbox.init();
	$(".menu").bind("mouseenter",function() {
		src = $(this).children("img").attr("src");
		$(this).children("img").attr("src", src.replace("C.gif", "V.gif"));
		
		$(".menu").bind("mouseleave",function() {
			$(this).children("img").attr("src", src);
		});
	});
});

function makeVote(url)
{
	var el = document.getElementById("nota");
	el.innerHTML = "Votando...";
	
	$.get(url, function(data){
	  el.innerHTML = "Voto Computado!";
	});
}