/* Case study images */

function case_study_show_image(ev) {
	var thumb, hero, oldHero, oldThumb, id, oldID, offset;
	thumb = Event.element(ev);
	
	if (thumb.effectInProgress) return;	
	
	id = Number(thumb.id.replace('casestudy_thumb',''));
	
	hero = $('casestudy_hero'+id);
	if (!hero) return false;
	
	oldHero = $$('.case_study img.hero').find(function(el){return el.visible();});
	
	oldID = Number(oldHero.id.replace('casestudy_hero',''));
	oldThumb = $('casestudy_thumb'+oldID);
	if (oldThumb.effectInProgress) return;	
	
	oldThumb.setStyle({width:oldThumb.getWidth(),height:oldThumb.getHeight()});
	thumb.insert({after:oldThumb});
	oldThumb.absolutize();
	oldThumb.clonePosition(thumb,{offsetLeft:-6});
	oldHero.setStyle({zIndex:1});

	hero.setStyle({zIndex:2});
	thumb.setStyle({zIndex:1});
	
	thumb.effectInProgress = true;
	oldThumb.effectInProgress = true;
	
	new Effect.Appear(hero,{duration:0.5,afterFinish:case_study_hero_done.curry(oldHero)});
	new Effect.Appear(oldThumb,{duration:0.5,afterFinish:case_study_thumb_done.curry(thumb,oldThumb)});
	
	return true;
}

function case_study_hero_done (oldHero) { oldHero.hide() }
function case_study_thumb_done (thumb,oldThumb){
	thumb.hide();
	thumb.effectInProgress = false;
	oldThumb.effectInProgress = false;
	oldThumb.setStyle({position:'',width:'',height:''});
}

document.observe('dom:loaded',function () {
	$$('.case_study .images .thumbs .thumb').invoke('observe','click',case_study_show_image)
});