window.addEvent('domready', function() {
    if($('1')){
		$('1').set('class', 'active');
	}
	else{
		
	}
	$$('#loader img').set({'opacity': 0});
});

function swap(linkid, Name, imgheight, ImageURL)
    {
	$$('#loader img').set({'opacity': 1});
	$$('#gallery_left li').set('class', 'erased');	
	$(linkid).set('class', 'active');
	var myDiv = $('gallery_right');
    var morph = new Fx.Morph('gallery_right', {link: 'chain'}, {duration: 2000, transition: Fx.Transitions.Linear});
	var morph2 = new Fx.Morph('loader', {link: 'chain'}, {duration: 500, transition: Fx.Transitions.Linear});
	var morph3 = new Fx.Morph('gallery_right', {link: 'chain'}, {duration: 500, transition: Fx.Transitions.Linear});
	morph2.set({'opacity': 0});
    morph3.start({'opacity': 0}).chain(function(){
		morph2.start({'opacity': 1});
      var myImage = new Asset.images(ImageURL, {
        onProgress: function() {
        },
        onComplete: function(){
			morph2.set({'opacity': 0});
            morph.start({'height': imgheight });
			myDiv.empty();
            myImage.inject(myDiv);
            morph.start({'opacity': 1}).chain(function(){$$('#loader img').set({'opacity': 0});});
			
			
            }
        });
    });
	
	
	
	
	
}