$(document).ready(function() {
	$(".hidden").each(function() {
		$(this).hide();
	});
	
	$("a#riders").hover(
		function() {
			$("span#riderstitle").fadeIn(500);
	    },
		function() {
			$("span#riderstitle").fadeOut();
		}
	);
	
	$("a#sponsorship").hover(
		function() {
			$("span#sponsorshiptitle").fadeIn(500);
	    },
		function() {
			$("span#sponsorshiptitle").fadeOut();
		}
	);
	
	$("a#route").hover(
		function() {
			$("span#routetitle").fadeIn(500);
	    },
		function() {
			$("span#routetitle").fadeOut();
		}
	);
	
	$("a#blog").hover(
		function() {
			$("span#blogtitle").fadeIn(500);
	    },
		function() {
			$("span#blogtitle").fadeOut();
		}
	);
	
	$("a#contact").hover(
		function() {
			$("span#contacttitle").fadeIn(500);
	    },
		function() {
			$("span#contacttitle").fadeOut();
		}
	);
	
	$("a#diary").hover(
		function() {
			$("span#diarytitle").fadeIn(500);
	    },
		function() {
			$("span#diarytitle").fadeOut();
		}
	);

	$("a#events").hover(
		function() {
			$("span#eventstitle").fadeIn(500);
	    },
		function() {
			$("span#eventstitle").fadeOut();
		}
	);
	
	// Riders page
	
//	$("#profiles").hide();
	$(".profile").hide();
	
	$("#cm").hover(
		function() {
			$("#cm").css("background","url('resources/heads/cm.jpg') #ddd 25px 5px no-repeat");
	    },
		function() {
			$("#cm").css("background","url('resources/heads/cm_bw.jpg') #fff 25px 5px no-repeat");
		}
	);
	
	$("#js").hover(
		function() {
			$("#js").css("background","url('resources/heads/js.jpg') #ddd 25px 5px no-repeat");
	    },
		function() {
			$("#js").css("background","url('resources/heads/js_bw.jpg') #fff 25px 5px no-repeat");
		}
	);
	
	$("#rs").hover(
		function() {
			$("#rs").css("background","url('resources/heads/rs.jpg') #ddd 25px 5px no-repeat");
	    },
		function() {
			$("#rs").css("background","url('resources/heads/rs_bw.jpg') #fff 25px 5px no-repeat");
		}
	);
	
	$("#dw").hover(
		function() {
			$("#dw").css("background","url('resources/heads/dw.jpg') #ddd 25px 5px no-repeat");
	    },
		function() {
			$("#dw").css("background","url('resources/heads/dw_bw.jpg') #fff 25px 5px no-repeat");
		}
	);
	
	$("#jl").hover(
		function() {
			$("#jl").css("background","url('resources/heads/jl.jpg') #ddd 25px 5px no-repeat");
	    },
		function() {
			$("#jl").css("background","url('resources/heads/jl_bw.jpg') #fff 25px 5px no-repeat");
		}
	);
	
	$("#pd").hover(
		function() {
			$("#pd").css("background","url('resources/heads/pda.jpg') #ddd 25px 5px no-repeat");
	    },
		function() {
			$("#pd").css("background","url('resources/heads/pda_bw.jpg') #fff 25px 5px no-repeat");
		}
	);
	
	$("#wb").hover(
		function() {
			$("#wb").css("background","url('resources/heads/wb.jpg') #ddd 25px 5px no-repeat");
	    },
		function() {
			$("#wb").css("background","url('resources/heads/wb_bw.jpg') #fff 25px 5px no-repeat");
		}
	);
	
	$("#pm").hover(
		function() {
			$("#pm").css("background","url('resources/heads/pm.jpg') #ddd 25px 5px no-repeat");
	    },
		function() {
			$("#pm").css("background","url('resources/heads/pm_bw.jpg') #fff 25px 5px no-repeat");
		}
	);

      $("#sr").hover(
       function() {
	   $("#sr").css("background","url('resources/heads/sr.jpg') #ddd 25px 5px no-repeat");
       },
       function() {
	   $("#sr").css("background","url('resources/heads/sr_bw.jpg') #fff 25px 5px no-repeat");
       }
       );

      $("#cb").hover(
       function() {
	   $("#cb").css("background","url('resources/heads/cb.jpg') #ddd 25px 5px no-repeat");
       },
       function() {
	   $("#cb").css("background","url('resources/heads/cb_bw.jpg') #fff 25px 5px no-repeat");
       }
       );
	
	  $("#mr").hover(
       function() {
	   $("#mr").css("background","url('resources/heads/mr.jpg') #ddd 25px 5px no-repeat");
       },
       function() {
	   $("#mr").css("background","url('resources/heads/mr_bw.jpg') #fff 25px 5px no-repeat");
       }
       );

	  $("#de").hover(
       function() {
	   $("#de").css("background","url('resources/heads/de.jpg') #ddd 25px 5px no-repeat");
       },
       function() {
	   $("#de").css("background","url('resources/heads/de_bw.jpg') #fff 25px 5px no-repeat");
       }
       );

	  $("#jd").hover(
       function() {
	   $("#jd").css("background","url('resources/heads/jd.jpg') #ddd 25px 5px no-repeat");
       },
       function() {
	   $("#jd").css("background","url('resources/heads/jd_bw.jpg') #fff 25px 5px no-repeat");
       }
       );

	  $("#gh").hover(
       function() {
	   $("#gh").css("background","url('resources/heads/gh.jpg') #ddd 25px 5px no-repeat");
       },
       function() {
	   $("#gh").css("background","url('resources/heads/gh_bw.jpg') #fff 25px 5px no-repeat");
       }
       );

	$(".head").click(
		function() {
			$(".profile").hide();
		}
	);
	
	$("#js").click(
		function() {
			$("#js-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
	$("#cm").click(
		function() {
			$("#cm-profile").fadeIn("slow");
			scroll(0,450);
		}
	);

	$("#rs").click(
		function() {
			$("#rs-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
	$("#pd").click(
		function() {
			$("#pd-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
	$("#jl").click(
		function() {
			$("#jl-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
	$("#dw").click(
		function() {
			$("#dw-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
	$("#wb").click(
		function() {
			$("#wb-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
	$("#pm").click(
		function() {
			$("#pm-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
    $("#sr").click(
     function() {
  		$("#sr-profile").fadeIn("slow");
		scroll(0,450);
    }
    );

	$("#cb").click(
		function() {
			$("#cb-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
	$("#mr").click(
		function() {
			$("#mr-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	$("#de").click(
		function() {
			$("#de-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
	
	$("#jd").click(
		function() {
			$("#jd-profile").fadeIn("slow");
			scroll(0,450);
		}
	);

	$("#gh").click(
		function() {
			$("#gh-profile").fadeIn("slow");
			scroll(0,450);
		}
	);
		
	var tds = document.getElementsByTagName("td");
	
	var distancesNodes = new Array();
	var distancesMiles = new Array();
	var distancesKM = new Array();
	
	for (var i=0;i<tds.length;i++)
	{
		if (tds[i].className == "distance")
		{
			distancesNodes.push(tds[i]);
			distancesMiles.push(tds[i].innerHTML);
			distancesKM.push(Math.floor(((tds[i].innerHTML*8)/5)));
		}
	}
	
	$("#miles").click(
		
		function() {
		
			$("#unit").text("Miles");
			$("#unit").css("padding-right","5px")
			
			for (var i=0;i<distancesNodes.length;i++)
			{
				distancesNodes[i].innerHTML = distancesMiles[i];
			}
		}
	);
	
	
	$("#km").click(
		function() {
			
			$("#unit").text("KM");
			$("#unit").css("padding-right","19px")
			
			for (var i=0;i<distancesNodes.length;i++)
			{
				distancesNodes[i].innerHTML = distancesKM[i];
			}
		}
	);

	
});

// pre-load images for hovering

var head1 = new Image();
head1.src = "/resources/heads/js.jpg";
var head2 = new Image();
head2.src = "/resources/heads/cm.jpg";
var head3 = new Image();
head3.src = "resources/heads/jl.jpg";
var head4 = new Image();
head4.src = "/resources/heads/rs.jpg";
var head5 = new Image();
head5.src = "resources/heads/pda.jpg";
var head6 = new Image();
head6.src = "resources/heads/dw.jpg";
var head7 = new Image();
head7.src = "resources/heads/wb.jpg";
var head8 = new Image();
head8.src = "resources/heads/pm.jpg";
var head9 = new Image();
head9.src = "resources/heads/sr.jpg";
var head10 = new Image();
head10.src = "resources/heads/cb.jpg";
var head11 = new Image();
head11.src = "resources/heads/mr.jpg";
var head12 = new Image();
head12.src = "resources/heads/de.jpg";
var head13 = new Image();
head13.src = "resources/heads/jd.jpg";
var head14 = new Image();
head14.src = "resources/heads/gh.jpg";