jQuery(document).ready(function(){
	//jQuery('#newsCategory ul').masonry();
	
	var bodyID = jQuery("body").attr("id");
	var bodyClass = jQuery("body").attr("class");
	jQuery('#officePhotos').ceebox({imageGallery:true});
	
	
	jQuery(".typography img").each(function() {
		var myParent = jQuery(this).parent().get(0).tagName;
		if (myParent == 'A') {
			jQuery(this).parent().addClass('noborder');
		};
	});
	
	//employee toggler
	if(bodyClass.indexOf('Employee ') != -1 || bodyClass.indexOf('EmployeeHolder ')  != -1) {
		jQuery("#mainText").html('');
		jQuery("#mainText").append('<dd class="employeeDetail vcard">');
		jQuery("#mainText .employeeDetail").hide();
		jQuery("#mainText .employeeDetail").append('<div id="employeeImage" style="background-image: url(images/tonia.jpg);"><span><img src="images/tonia.jpg" alt="Tonia" /></span></div>');
		jQuery("#mainText .employeeDetail").append('<p class="function">Functie: <span class="title">Verzekeringsadviseur en tarificatie ondernemingen</span></p>');
		jQuery("#mainText .employeeDetail").append('<p class="tel telNr">Tel: <span class="type">work</span> <span class="value workTel">03 489 28 00</span></p>');
		jQuery("#mainText .employeeDetail").append('<p class="tel">Fax: <span class="type">fax</span> <span class="value workFax">03 489 31 10</span></p>');
		jQuery("#mainText .employeeDetail").append('<p>Email: <a href="mailto:tonia.soleti@verz.kbc.be" class="email">tonia.soleti@verz.kbc.be</a></p>');
		jQuery("#mainText .employeeDetail").append('<div class="remarks"><h3>Opmerkingen:</h3><p>lorem</p>');

	
		jQuery("#employeeList a").click(
			function() {
				jQuery("#mainText .employeeDetail").hide();
			
				// get linkname
				var myLink = jQuery(this).attr("href");
				myLink = myLink.split('/');
				myLink = myLink[1];
				swapEmployee(myLink);
				// show it baby
				jQuery("#mainText .employeeDetail").fadeIn("slow");
				return false;
			}
		);
		
		function swapEmployee(myLink) {
			// fill in correct details
			jQuery(".fn .given-name").html(jQuery("#hiddenEmployees ." + myLink + " .FirstName").html());
			jQuery(".fn .family-name").html(jQuery("#hiddenEmployees ." + myLink + " .Surname").html());
			jQuery("#mainText .employeeDetail .title").html(jQuery("#hiddenEmployees ." + myLink + " .FunctionDesc").html());
			jQuery("#mainText .employeeDetail .workTel").html(jQuery("#hiddenEmployees ." + myLink + " .Telephone").html());
			jQuery("#mainText .employeeDetail .workFax").html(jQuery("#hiddenEmployees ." + myLink + " .Fax").html());
			jQuery("#mainText .employeeDetail .email").attr({ href : "mailto:" + jQuery("#hiddenEmployees ." + myLink + " .Email").html()}).html(jQuery("#hiddenEmployees ." + myLink + " .Email").html());
			jQuery("#mainText .employeeDetail .remarks").html(jQuery("#hiddenEmployees ." + myLink + " .Remarks").html());
			// swap picture
			jQuery("#mainText #employeeImage img").attr({ src: jQuery("#hiddenEmployees ." + myLink + " .Thumbnail").html(), alt: jQuery("#hiddenEmployees ." + myLink + " .FirstName").html() + " " + jQuery("#hiddenEmployees ." + myLink + " .Surname").html() });
			jQuery("#mainText #employeeImage").css({ backgroundImage : "url(" + jQuery("#hiddenEmployees ." + myLink + " .Thumbnail").html() + ")" });
		}
		
		
		if(jQuery.url.segment(0) != "medewerkers") {
			var myLink = jQuery.url.segment(0);
		} else {
			var myLink = jQuery("#employeeList:first-child a").attr("href");
			myLink = myLink.split('/');
			myLink = myLink[1];
		}
		swapEmployee(myLink);
		jQuery("#mainText .employeeDetail").fadeIn("slow");
	}
});