Ext.onReady(function() {
	var locs = [];  locs['vert']=['613px', '0'];  locs['']=locs['last']=['0', '416px'];
	var mpic = Ext.get('mpic');
	var caption = Ext.get('caption');
	var exhibition = Ext.get('exhibition');
    var exh = Ext.get('exh');
    var bio = Ext.get('bio');
    var art = Ext.get('art');
	var thumbs = Ext.get('thumbs');
	var resume = Ext.get('resume');
	var footer = Ext.get('footer');

	var hilite = function(e) {
		var el = Ext.get(e.target);
		el.stopFx().highlight();
	}
	var switchImg = function(e, t) {
		e.stopEvent();
		var newSrc = t.pathname;
		var orient = e.target.className;
		mpic.fadeOut({ callback: function() {
			mpic.setRight(locs[orient][0]); 
			mpic.setBottom(locs[orient][1]); 
			caption.setRight(locs[orient][0]);
			caption.setBottom(locs[orient][1]);
			caption.update(e.target.alt);
			mpic.dom.src = newSrc;
		} });
		rClick(newSrc);
	}
	var showImg = function() {
		caption.setWidth(this.dom.width)
		mpic.fadeIn();
	}
	var hExh = function(e) {
		e.stopEvent();
		exhibition.ghost('t');
		rClick('/' + this.id);
	} 
	var sExh = function(e) {
		e.stopEvent();
		exhibition.slideIn();
		rClick('/' + this.id);
	}
	var sArt = function(e) {
		e.stopEvent();
		footer.shift({y: 700});
		thumbs.fadeIn();
		Ext.get('thumbs_hscrollerbase').fadeIn();
		Ext.get('thumbs_hscrollerbar').fadeIn();
		if (!mpic.isVisible()) {
			resume.fadeOut();
			Ext.get('resume_vscrollerbase').fadeOut();
			Ext.get('resume_vscrollerbar').fadeOut();
			mpic.fadeIn();
		}
		rClick('/' + this.id);
	}
	var sBio = function(e) {
		e.stopEvent();
		if (mpic.isVisible()) {
			thumbs.fadeOut();
			Ext.get('thumbs_hscrollerbase').fadeOut();
			Ext.get('thumbs_hscrollerbar').fadeOut();
			footer.shift({y: 521});
			mpic.fadeOut();
		}
		resume.fadeIn();
		Ext.get('resume_vscrollerbase').fadeIn();
		Ext.get('resume_vscrollerbar').fadeIn();
		rClick('/' + this.id);
	}
	var sCaption = function() {
		caption.stopFx().fadeIn({endOpacity: .7});
	}
	var hCaption = function() {
		caption.fadeOut();
	}
	
	var rClick = function(loc) {
		pageTracker._trackPageview(loc);
	}
	var lClick = function() {
		rClick('/' + this.id);
	}
	
	Ext.get('gallery').on('click', switchImg, this, {delegate: 'a'});

    exhibition.on('click', hExh);
    bio.on('click', sBio);
    art.on('click', sArt);
    exh.on('click', sExh);

    bio.on('mouseover', hilite);
    art.on('mouseover', hilite);
    exh.on('mouseover', hilite);
    footer.on('mouseover', hilite);
    footer.on('click', lClick);
    
    mpic.on('mouseover', sCaption);
    mpic.on('mouseout', hCaption);
    mpic.on('load', showImg);
    
    caption.hide();
    caption.setWidth(mpic.getWidth());
    
    Ext.get('loading').hide();
    
});