/*
// the array isn't necessary, the team names are retrieved via id's (anchors)
// hence, no modification of this file is necessary, when adding more memebers! :)
var imagesArr = new Array(
	"damato", 
	"engeler",
	"froidevaux",
	"fuerer",
	"kueng",
	"oertle",
	"trinkle",
	"wermelinger"
);
*/

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}


$(document).ready(function(){
   
	/*****************************
		Assign click event to each team member and		
		Preload Images
	******************************/

	$( "p.mitarbeiter" ).each(
		function() {
	
			//var worker = this.getAttribute("id");
			// better use jQuery:
			var worker = $(this).attr("id");
			
			// getAttribute("class") doesn't work in IE6 nor 7
			//var classValues = this.getAttribute("class").split(" ");
			// this works:
			//var classValues = this.className.split(" ");
			// this uses jQuery to get the class names:
			var classValues = $(this).attr("class").split(" ");
			
			if (classValues[1] != "noimage") {
				$.preloadImages("/images/mitarbeiter/" + worker + ".jpg");
			}
			
			$("#" + worker + " > a").click( function(){
				
				// hide other visible infos
				$("p.mitarbeiter > span.info").hide();
				$("#" + worker + " > span.info").show();
	
				$("p.mitarbeiter").css({"background":"none", "padding":"0"});
				$("p#" + worker).css({"padding":"1em","background":"#efefef"});
				
				if (classValues[1] != "noimage") {
					// for those who have a photo
					$("div.headerImage").css({"backgroundImage":"url(/images/mitarbeiter/" + worker + ".jpg)"});
					
				} else {	
					// for those who don't have a photograph
					$("div.headerImage").css({"backgroundImage":"url(/images/mitarbeiter/team.jpg)"});
				
				}
			});
				
	}); // each
			

}); // ready