// JavaScript Document
$(document).ready(function(){
	
	/*$('.careers-link').live('click',function(e){
		e.preventDefault();
		$('.careers-link').removeClass("selected");
		var section = $(this).attr("rel");
		$("[class^='section-']").hide();
		$("."+section).show();
		$(this).addClass("selected");
	});*/	
	
	$(".matrixDot").hover(
		function(){ 
			$(this).attr("src", "../images/matrix-selected.png");
			if( $(this).attr('data-desc') != '')
			{
				$(".hoverBox").removeClass("onLeft");
				if( ($(this).hasClass("col5")) || ($(this).hasClass("col6")) )
				{
					$(".hoverBox").addClass("onLeft").css({"top": Number($(this).css("top").split("p", 1)) - 25,
																	"left" : Number($(this).css("left").split("p", 1)) - 200}).show().children("#box-content").append( $(this).attr('data-desc') );
				}
				else
				{
					$(".hoverBox").css({"top": Number($(this).css("top").split("p", 1)) - 25,
																	"left" : Number($(this).css("left").split("p", 1)) + 40}).show().children("#box-content").append( $(this).attr('data-desc') );
				}
			}
		},
		function(){ 
			$(this).attr("src", "../images/matrix.png");
			$(".hoverBox").hide().children("#box-content").empty();
			//$(".hoverBox").fadeOut(200);	
		}
	);
	
	var matrixText = "#48494a";
	var matrixTextHover = "#b32317";
	$(".row1").hover(function(){ $(".axisRow1").css("color", matrixTextHover);}, function(){ $(".axisRow1").css("color", matrixText)});
	$(".row2").hover(function(){ $(".axisRow2").css("color", matrixTextHover);}, function(){ $(".axisRow2").css("color", matrixText)});
	$(".row3").hover(function(){ $(".axisRow3").css("color", matrixTextHover);}, function(){ $(".axisRow3").css("color", matrixText)});
	$(".col1").hover(function(){ $(".axisCol1").css("color", matrixTextHover);}, function(){ $(".axisCol1").css("color", matrixText)});
	$(".col2").hover(function(){ $(".axisCol2").css("color", matrixTextHover);}, function(){ $(".axisCol2").css("color", matrixText)});
	$(".col3").hover(function(){ $(".axisCol3").css("color", matrixTextHover);}, function(){ $(".axisCol3").css("color", matrixText)});
	$(".col4").hover(function(){ $(".axisCol4").css("color", matrixTextHover);}, function(){ $(".axisCol4").css("color", matrixText)});
	$(".col5").hover(function(){ $(".axisCol5").css("color", matrixTextHover);}, function(){ $(".axisCol5").css("color", matrixText)});
	$(".col6").hover(function(){ $(".axisCol6").css("color", matrixTextHover);}, function(){ $(".axisCol6").css("color", matrixText)});
});