var RolloverElements = [];
var RolloverCounter = 0;
var RolloverTimer;
var RolloverTimeout = 5000;
var RolloverStartTimer = false;
function rollOverChange (id) {
	for (var i in RolloverElements) {
  		if (i==id) {
    		$(RolloverElements[i]).fadeIn();
    	} else {
			$(RolloverElements[i]).hide();  		    	
    	}
    }
}
function rollOver () {
	
	
	if (RolloverCounter > 2) RolloverCounter = 0;
	rollOverChange(RolloverCounter);
    var id = RolloverCounter+1;
	$('div.visual-content').removeClass("teaser-hover");
	$('div#visual-'+id+' > div.visual-content').addClass("teaser-hover");
	RolloverCounter++;
	$.clearTimer(RolloverTimer);
	RolloverTimer = $.timer(RolloverTimeout,function() {
		rollOver();
	});
}
$(document).ready(function() {
	$("div#visual-change > div#visual-1 > div").addClass('teaser-hover');
	$("div#visual-change > div").hover(
		
 		function () {
 			$.clearTimer(RolloverTimer);
 			$('div.visual-content').removeClass("teaser-hover");
  		    $('div.visual-content',this).addClass("teaser-hover");
  		    var rel = parseInt($(this).attr('rel'));
  		    RolloverCounter = rel;
  		    rollOverChange(rel);
 		},
 		function () {
	 		$.clearTimer(RolloverTimer);
   			RolloverTimer = $.timer(RolloverTimeout,function() {
				rollOver();
			});
 		}
	);
	
	RolloverCounter = 0;
	$('div.start #t3_content').children(':not(a,h1,h2,h3,h4,h5,div.csc-header,div.csc-textpic-clear,div.tx-12bis3visualchanger-pi1)').each(function() {
		RolloverStartTimer = true;
		if (RolloverCounter < 3) {
			RolloverElements.push(this);
			if (RolloverCounter > 0) {
				$(this).hide();
				
			}
			//$(this).css({position: 'relative',top: 0, left: 0});
			RolloverCounter++;
		}
	});

	if (RolloverStartTimer) {
		RolloverCounter = 1;
		RolloverTimer = $.timer(RolloverTimeout,function() {
			rollOver();
		});
	}
});