// JavaScript Document

$(function() {
	$("#main-menu > li").hover(
		function() { $("#main-menu li").removeClass('selector'); $(this).addClass('selector'); },
		function() { $(this).removeClass('selector'); }
	);
	
	$("#sub-menu > li").hover(
		function() { $("#sub-menu li").removeClass('selected'); $(this).addClass('selected'); },
		function() { $(this).removeClass('selected'); }
	);
	
	$("#proiecte li").hover(
		function() {
			var crtObj=$(this);
			if($("#proiecte-tooltip").length==0) { $("body").append("<div id='proiecte-tooltip' />"); }
			var tooltip=$("#proiecte-tooltip");
			tooltip.html(crtObj.attr("data-tooltip"));
			var offset=crtObj.offset();
			tooltip.css({"left":offset.left+200+"px", "top":offset.top+(crtObj.height()/2)+"px"}).stop(true,true).fadeIn(500);
			crtObj.prepend("<div id='proiecte-overlay' />");
			var overlay=$("#proiecte-overlay");
			overlay.html("<img src='"+crtObj.attr("data-mouseover")+"' alt='' />");
			overlay.stop(true,true).animate({"opacity":"1", "width":"170px", "height":"130px"}, 200);
		},
		function() {
			if($("#proiecte-overlay").length>0) {
				$("#proiecte-overlay").remove();
			}
			$("#proiecte-tooltip").stop(true,true).fadeOut(100);
		}
	);
	
	$("#proiecte li").bind("click", function() {
		var crtObj=$(this);
		var crtObj_id=crtObj.attr("data-id");
		document.location=absPath+"proiect-"+crtObj_id+".html";
	});
	
	var h1=$("#sidebar").height();
	var h2=$("#detalii-proiecte").height();
	var h3=$("#proiecte").height();
	
	if(h2!=null)
	{
		if(h1<h2)
		{
			$("#sidebar").height(h2+50);
		}
	}
	else
	{
		if(h1<h3)
		{
			$("#sidebar").height(h3+50);
		}
	}
});