var fxFade = new Class({
	initialize: function(tab) {
		this.imageHide(tab);
	},
	imageHide: function(tab) {
		var images = tab.getElements('div.csc-textpic-imagerow');
		images.each(function(e){ e.setStyles({'visibility': 'hidden', 'opacity': '0'}); });
		images[images.length-1].setStyles({'visibility': 'visible', 'opacity': '1'});
	},
	imageMorph: function(tab) {
		var images = tab.getElements('div.csc-textpic-imagerow');
		var imgCnt = images.length;
		if(imgCnt > 1) {
			for(var i = 0; i < imgCnt; i++) {			
				if(images[i].getStyle('visibility') == 'visible') {
					images[i].fade(0);
					if(i<(imgCnt-1)) {
						images[i+1].fade(1);
					} else {
						images[0].fade(1);
					}
					break;
				}
			}
		}
	}
}); 

window.addEvent('domready', function() {
	divs = $$('div.effekt-box');
	divs.each(function(e) {
		var text = e.getElement('.csc-textpic-text');
		text.set('class', text.get('class') + " " + text.getStyle('height'));
	});
	disabled = 1;
	divs.each(function(e) {	
		var myFader = new fxFade(e);
		myFader.imageMorph.periodical(3000, this, $(e));
		e.addEvent('mouseover', function() {
			if(e.getStyle('overflow') != 'visible') {
				myEl = e.getElement('.csc-textpic-text');
				e.setStyle('overflow', 'visible');
				e.setStyle('height', 'auto');
				myEl.setStyle('height', '0px');
				if(disabled) {				
					disabled = 1;
					myEl = e.getElement('.csc-textpic-text');
					if($chk(myEl)) {
						var morph = new Fx.Morph(myEl , { onComplete: function(){
								disabled = 1;
							}
						});
						var size = myEl.get('class').split(" ");
						if($defined(size[1])) {
							morph.start({
								'height': size[1]
							});
						} else {
							morph.start({
								'height': '150px'
							});
						}
					}
				}
			}
		});
		
		imgWrap = e.getElements('div.csc-textpic-imagewrap');
		if($chk(imgWrap)) {
			imgWrap.each(function(item, index) {
				imgLink = item.getElement('a');			
				if($chk(imgLink)) {		
					imgToLink = item.getElements('img');
					imgToLink.each(function(itm, indx) {
						if(indx == 0) {		
						} else {
							cloneLink = imgLink.clone(false);
							cloneLink.wraps(itm);
						}
					});
				}
			});
		}
	});
});