$('wrightbox').setStyles({'display':'block', 'opacity':0});
if($chk($('wleftbox').getElement('img'))) {
    $('wleftbox').getElement('img').setStyles({'display':'block', 'opacity':0});
} 
var current;
$$('#wrightbox div.mediabox a').each(function(mbox, i) {
    if(i == 0) {
	mbox.getElement('img').set('src', 'images/orangebox.jpg');
	current = mbox.get('href').split('.').getLast();
    }
    mbox.addEvent('click', function (e) {
	present = mbox.get('href').split('.').getLast();
	$$('#wrightbox div.mediabox img').each(function(imgbox) {
	    imgbox.set('src', '/images/graybox.jpg');
	});
	this.getElement('img').set('src', '/images/orangebox.jpg');
	if($chk(e.stop)) {
	    e.stop();
	}
	//need to handle .jpg, .flv, .mp3
	//if past is jpg fade out, if present is jpg fade in.
	//if past is flv or mp3 remove, if present is flv or mp3 add
	//this.get('href') for present and var current for past
	(function() {
	    switch(current) {
		case 'jpg':
		    if($chk($('wleftbox').getElement('img'))) {
			$('wleftbox').getElement('img').set('tween', {
			    duration: 500,
			    fps: 25
			}).tween('opacity', 1, 0);
		    }
		break;
		case 'mp3':
			$('wleftbox').empty();
		break;
		case 'flv':
		    $('wleftbox').empty();
		break;
		default:

	    }
	}).bind(this).delay(0);
	(function() {
	    switch(this.get('href').split('.').getLast()) {
		case 'jpg':
		    current = 'jpg';
		    new Asset.image(this.get('href'), {
			onload:function(e) {
			    image = $('wleftbox').getElement('img') || new Element('img').setStyles({'display':'block', 'opacity':0}).inject('wleftbox');
			    image.set('src', e.get('src'));
			    image.set('tween', {
				duration: 500,
				fps: 25
			    }).tween('opacity', 0, 1);
			}
		    });
		break;
		case 'mp3':
		    current = 'mp3';
		    new Request.HTML({
			url:'mp3.php',
			data:'mp3='+this.get('href'),
			method:'get',
			update:'wleftbox',
			onComplete:function() {
			}
		    }).send();
		break;
		case 'flv':
		    current = 'flv';
		    new Request.HTML({
			url:'flv.php',
			data:'flv='+this.get('href'),
			method:'get',
			update:'wleftbox',
			onComplete:function() {
			}
		    }).send();

		break;
		default:
	    }
	}).bind(this).delay(601);
    });
});

$('wrightbox').getElement('a').fireEvent('click', $('wrightbox').getElement('a'));

(function() {
    $('wrightbox').set('tween', {
	duration: 1000,
	fps: 25
    }).tween('opacity', 0, 1);
}).delay(0);