// JavaScript Document
window.addEvent('domready', function(){

	var cases = $$("#cases li");
	cases.each(function(el){
		el.addEvents({
			'mouseenter':function(){this.addClass('over');},
			'mouseleave':function(){this.removeClass('over');},
			'click':function(){window.location = this.getElement('a').get('href');}
		});
	});
	
	var c = $$("#case_thumbs a");
	var old_sel = "";
	c.each(function(p){
		var el = p.getParent();
		if(old_sel==""){old_sel = el;}
		if(!el.hasClass('sel')){
			el.fade(0.3);
		}
		el.addEvents({
			'mouseenter':function(){this.fade(1);},
			'mouseleave':function(){
							if(!this.hasClass('sel')){
								this.fade(0.3);
							}
			},
			'click':function(e){
				e.stop();
				var id = el.getElement('a').getProperty('href').split("#");
				var myFx = new Fx.Scroll("case_images", {wait:false, duration:500, transition:Fx.Transitions.Cubic.easeInOut}).toElement(id[1]);
				el.addClass('sel');
				if(el!=old_sel){
					old_sel.removeClass('sel'); old_sel.fade(0.3);
					old_sel = el;
				}
			}
			
		});
	});
									 
});