$(document).ready(function(){
				$('a.email').each(function(){
				e = this.rel.replace('/','@');
				e = e.replace('com','se');
				this.href = 'mailto:' + e;
				$(this).text(e);
				});
			});
			
			$(document).ready(function(){
				$('a.vcard').each(function(){
				r = this.rel.replace('html','vcf');
				this.href = 'files/' + r;
				$(this).text('Download vCard');
				});
			});
			
			$(document).ready(function(){
				$('a.resume').each(function(){
				r = this.rel.replace('html','pdf');
				this.href = 'files/' + r;
				$(this).text('Download Resume');
				});
			});
			

			$(document).ready(function(){
				$('a.skype').each(function(){
				this.href = 'skype:a.widman?call';
				$(this).text('a.widman');
				});
			});	
			
			
				
			
			$(document).ready(function(){
				$("div.fade").fadeTo(1, 0.65);  // targets a DIV whose class is INFO
				$("div.fade").hover(function(){
					$(this).fadeTo("fast", 1.0); 
					},function(){
						$(this).fadeTo("fast", 0.65); 
					});
			});
			
		
		
	
						
			
			$(document).ready(function(){
				$("img.fade").fadeTo(1, 0);   //targets the img CSS property, try to see what happens when u use it. Probably best usage is target a class attached to the img tag. like <img src="" class"fade"/> and use .fade on the JS, but check on the Jquery documentation on how to target classes
			});
			
			$(window).load(function(){
				$("img.fade").fadeTo("slow", 1);
			});			
			
			
			
			$(document).ready(function(){
				$.preloadImages("lib/img/loader.gif");
			});