window.addEvent('domready', function() {
    
    
    var links = $$("#thumbnailGrid a");
    links.addEvent("click", function(e){
	e.stop();
	var projHref = this.get("href");
	swapImage(projHref);
    });
      
    //replace image in galleryContainer
    function swapImage(projHref) {
	$('pageWrapper').setStyle('background', 'url(images/bg-1column.png)');
	$('column02').set('html', '')
	var displayImg = new Element('img', {'id' : 'displayImg'});
	displayImg.set('src', projHref);
	displayImg.set({'class': ''});
	displayImg.inject('column02', 'bottom');
    };
	
	
    var featured = $$("#menu02 a");
    featured.addEvent("click", function(e) {
	var featureHref = this.get('href');
	e.stop();
	new Request.HTML({url:featureHref,method: 'get',
	onRequest: function () {
	    $('pageWrapper').setStyle('background', 'url(images/bg-1column.png)');
	    $('column02').set('text', '');
	    $('column02').set('html', '<img id="loadingIcon" src="images/loading.gif" />');
	},
	onSuccess: function(html) {
	    $('column02').set('text', '');
	    $('column02').adopt(html);
	},
	onFailure: function() {
	    $('column02').set('text', '');
	    $('column02').set('text', 'The request failed.');
	}
	}).send();
    });
    
    	
    var featured = $$(".galleryLoad");
    featured.addEvent("click", function(e) {
	var featureHref = this.get('href');
	e.stop();
	new Request.HTML({url:featureHref,method: 'get',
	onRequest: function () {
	    $('pageWrapper').setStyle('background', 'url(images/bg-1column.png)');
	    $('column02').set('text', '');
	    $('column02').set('html', '<img id="loadingIcon" src="images/loading.gif" />');
	},
	onSuccess: function(html) {
	    $('column02').set('text', '');
	    $('column02').adopt(html);
	},
	onFailure: function() {
	    $('column02').set('text', '');
	    $('column02').set('text', 'The request failed.');
	}
	}).send();
    });
    
    
    preloadImages = new Asset.images(['images/bg-1column.png', 'images/loading.gif']);
    


}); //end of DOM Ready function