var hl;
var textEls;
var tweenEls = [];
var tweenTime = 450;
var rotations = 0;

function elIn(element, id, state) {
	if(element && element.src) {
		element.src = element.src.replace("-small.", "-large.");
	}
	if(textEls[id] && tweenEls[id]) {
		tweenEls[id].cancel( );
		tweenEls[id].start("opacity", 1);
	}
}
function elOutIm(element, id, state) {
	if(element.src && element.src) {
		element.src = element.src.replace("-large.", "-small.");
	}
}
function elOut(element, id, state) {
    console.log("El Out: ",id, element);
	if(textEls[id] && tweenEls[id]) {
		tweenEls[id].cancel( );
		tweenEls[id].start("opacity", 0);
	}
}

function elDone( ) {
	rotations++;
	if(rotations >= 3) {
		tweenEls.each(function(el, i) { elOut(i); });
		finished = true;
		elIn(null, 3);
	} else hl.start(true);
}

window.addEvent("load", function( ) {
	if($defined(window.ElementHighlighter)) {
		textEls = $$('.abs-content-block');

		if(textEls) {
			textEls.each(function(el, i) {
				tweenEls[i] = new Fx.Tween(el, {duration: tweenTime});
				if(!el.hasClass("abs-active-block")) el.setStyle("opacity", 0);
			});
		}

		/*var els = $$('.button-block li img');
		if(els) hl = new ElementHighlighter({
			transTime: tweenTime,
			elements: els, 
			defaultStyle: {
				'in':	{
					'margin-top': 0, 'opacity': 1,
					'width': els[0].width, 'height': els[0].height
				},
				'out': {
					'margin-top': (els[0].height * 0.1) * 0.5, 'opacity': 0.4,
					'width': els[0].width * 0.9, 'height': els[0].height * 0.9
				}
			},
			callbacks: {
				'in':{'start': elIn}, 'out': {'start': elOut, 'end': elOutIm},
				'finish': elDone
			}
		});

		hl.start(true);*/
	}
});