jQuery.noConflict();
var timerScrollable;
var timeoutScrollable = 5000;
var speedScrollable = 700;
var id = 0;
jQuery(document).ready(function(){	
	var keyPic;
	var div = jQuery('div#keyvisual');
	var url = location.host;
	div.empty();
	jQuery.getJSON('http://'+url+'/fileadmin/templates/php/checkKeyvisuals.php', function(data) {
		for(var image in data) {
			css =(id==0)?'active':'';			
			div.html(div.html()+'<img height="510" width="955" class="item '+css+'" id="item_'+id+'" border="0" alt="Hintergrund" src="fileadmin/bgImage/'+data[image]+'"/>');
			id++;
		}
		timerScrollable = setTimeout("animateScrollable(1);", timeoutScrollable);
	});
});
function animateScrollable(nextItemID) {
	clearTimeout(timerScrollable);
	activeItem = jQuery('#keyvisual > img.active');
	nextItem = jQuery('#item_'+nextItemID);
	nextItem.css('display', 'block');
	activeItem.fadeOut( speedScrollable, function() {
		activeItem.css('display','none');
		activeItem.removeClass('active');
		nextItem.addClass('active');
		if(nextItemID < (id-1)){
			nextID = (nextItemID+1);
		} else {
			nextID = 0;
		}
		timerScrollable = setTimeout("animateScrollable(nextID);", timeoutScrollable);
	});	
}