$(document).ready(function(){

	initListeners($(".thms > img"));
	
	
	$(".thms").each( function(){
	
		$(this).data("activeIndex", 0);
	
		$(this).find(":first-child").fadeTo("fast", .3);
		$(this).find(":first-child").unbind();
	});
	
});


/***** IMAGE INTERACTION *****/



function overThm(e){

	$(e.target).fadeTo("fast", .3);
	
}

function outThm(e){

	$(e.target).fadeTo("fast", 1);
}


function clickThm(e){

	$(e.target).unbind();
	
	$(e.target).siblings().each( function() {
	
		if (  $(this).parent().children().index(this) == $(this).parent().data("activeIndex")  ){
			
			
			$(this).fadeTo("fast", 1);
			initListeners(  $(this)  );
		}
	});
	
	$(e.target).parent().data("activeIndex", $(e.target).parent().children().index(e.target));
	

	var targetIndex = $(e.target).parent().children().index(e.target);
	var targetImg = $(e.target).parent().siblings(".imgs").children().get(targetIndex);
	var otherImgs = $(targetImg).siblings();
	
	$(otherImgs).fadeOut("normal");
	$(targetImg).fadeIn("normal");

}

function initListeners(aThm){
	
	$(aThm).bind("mouseover", function(event){
		$(event.target).fadeTo("fast", .3);
 		//overThm(event);
 	});
 	
 	$(aThm).bind("mouseout", function(event){
 		$(event.target).fadeTo("fast", 1);
 		//outThm(event);
 	}); 
 	
	$(aThm).bind("click", function(event){
	
    	clickThm(event);
    }); 
 	
}