jQuery.noConflict();

jQuery(document).ready(function() {
	jQuery("#tooltips").hide();

	jQuery("#sections li a:not(.no-tooltip)").each(function() {
		var content_id = jQuery(this).attr("class");
		var content_color = jQuery(this).css("color");

		var xOffset = 12;
		var yOffset = 12; 

		var x1 = xOffset;
		var x2 = xOffset + 9;
		var x3 = xOffset + 4.5;

		var middle_x = (jQuery(this).width() / 2) - x3;
		
		x1 += middle_x;
		x2 += middle_x;
		x3 += middle_x;

		var y1 = yOffset + 9;
		var y2 = yOffset + 9;
		var y3 = yOffset;

		if (jQuery("#tooltips #" + content_id + " .triangle").size())
			jQuery("#tooltips #" + content_id + " .triangle").fillPolygon([x1, x2, x3], [y1, y2, y3], { color: content_color });

		var content_text = jQuery("#tooltips #" + content_id).html();
		jQuery("#tooltips #" + content_id).html("");

		jQuery(this).qtip({
			content: content_text,
			show: 'mouseover',
			hide: {
				delay: 0,
				when: 'mouseout',
				fixed: true
			},
			style: { 
				background: '#e8e8e8',
				width: '250px'/*,
				border: {
					width: 3,
					radius: 8,
					color: content_color
				},
				tip: { // Now an object instead of a string
					corner: 'topLeft',
					color: content_color,
					size: {
						x: 20, // Be careful that the x and y values refer to coordinates on screen, not height or width.
						y : 8 // Depending on which corner your tooltip is at, x and y could mean either height or width!
					}
				}
				*/
			},
			position: {
				adjust: {
					screen: true
				},
				corner: {
					target: 'bottomLeft'
				}
			}
		});
	});

	jQuery("#search form").submit(function() {
		if (!jQuery(this).find("#keywords").val().length)
			return false;
	});
});

