var active_el = "";

function initFaders () {
	var elements = $$(".FadingElement");
	for (x=0;x<elements.length;x++) {
		var temp = elements[x].src.split("/");
		var big_img = 'big'+temp[temp.length-1];
		var title_split = elements[x].title.split(" ");
		var el_id = title_split[0]+title_split[2]+title_split[3];
		
		var header  = '<a href="javascript:;" class="FadingHeader" onclick="javascript:clickFaders(\''+el_id+'\');">'+elements[x].title+'</a>';
		//var content = '<div class="FadingContent" id="'+el_id+'" style="display:none;"><a href="../root/img/pool/'+big_img+'" rel="lightbox"><img src="'+elements[x].src+'" width="'+elements[x].width+'" height="'+elements[x].height+'" border="0" id="img_'+el_id+'" /></a><br />'+elements[x].alt+'</div>';
		
		var wrapDIV  = new Element('div',{'class':'FadingContent', 'id':el_id, 'style':'display:none'});
		var wrapLink = new Element('a',{'href':'../root/img/pool/'+big_img,'rel':'lightbox'})
		
		elements[x].insert({before: header});
		elements[x].wrap(wrapDIV);
		elements[x].wrap(wrapLink);
		wrapDIV.insert({bottom: '<br />'+elements[x].alt});
	}
	
}

function clickFaders(el_id) {
	if (active_el == el_id) {
		Effect.BlindUp(el_id);
		active_el = "";
	} else {
		if (active_el != "") {
			Effect.BlindUp(active_el);
		}
		active_el = el_id;
		Effect.BlindDown(el_id);
	}
}
