// JavaScript Document

$(document).ready(function () {
	
$(".bio1").hover(function() {  
	$(this).attr("src","img/menu/bio02.png");  
	}, function() {  
	$(this).attr("src","img/menu/bio01.png");  
});

$(".contact1").hover(function() {  
	$(this).attr("src","img/menu/contact02.png");  
	}, function() {  
	$(this).attr("src","img/menu/contact01.png");  
});

$(".editorials1").hover(function() {  
	$(this).attr("src","img/menu/editorials02.png");  
	}, function() {  
	$(this).attr("src","img/menu/editorials01.png");  
});

$(".studio1").hover(function() {  
	$(this).attr("src","img/menu/studio02.png");  
	}, function() {  
	$(this).attr("src","img/menu/studio01.png");  
});

$(".location1").hover(function() {  
	$(this).attr("src","img/menu/location02.png");  
	}, function() {  
	$(this).attr("src","img/menu/location01.png");  
});

$(".conceptual1").hover(function() {  
	$(this).attr("src","img/menu/conceptual02.png");  
	}, function() {  
	$(this).attr("src","img/menu/conceptual01.png");  
});
	
	
});

$(document).ready(function(){
 
	$(document).ready(function () {
		$('#content').fadeIn(5000);
      });
 
});

 $(function () {
        var img = new Image();
        $(img).load(function () {
            //$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
            $(this).hide();
            $('#loader').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
            // notify the user that the image could not be loaded
        }).attr('src', ' ');
    });