
	$(function()
	{
            var i=1;
	    $("#listitem_roulation .showlistitems > div").
	        hover(
	            function() {highlight(this);showitem(this,true)},
	            function() {}
	            ).each(function() {this.id="myindex"+i++;});
	    window.setTimeout("timeelement()",100);
	})

	function highlight(el)
	{
	    $("#listitem_roulation .showlistitems > div").removeClass("hover");
	    $(el).addClass("hover");
	}

	function timeelement()
	{

	    var curelement=$("#listitem_roulation .showlistitems > div.hover"); 
	    var nextel=[];
	    
	    if (curelement.length)
	    {    
	        nextel=curelement.next();
	    }
	    if (nextel.length==0)
	    {
	        nextel=$("#listitem_roulation .showlistitems > div:first");
	    }    
	    highlight(nextel);
	    showitem(nextel);
	    
	}

	function showitem(el,hover)
	{
	    if (showitem.timer) window.clearTimeout(showitem.timer);
	    showitem.timer=null;
	    var index=$(el).attr("id");

            if (showitem.index==index && index!==undefined) return;
            showitem.index=index;

	    $("#listitem_roulation .showelement").stop();
	    var html="<div>"+$("div.bigitem",el)[0].innerHTML+"</div>";
	    var wait=5000;
	    if (hover) wait=7500;
	    showitem.html=html;
	    showitem.wait=wait;
	    showitem.hover=hover;
	    

		$("#listitem_roulation .showelement").fadeTo("fast",0,showitem2);

	}
	function showitem2()
	{
	    
	    $("#listitem_roulation .showelement").html(showitem.html).fadeTo(showitem.hover ? "fast" : "slow",1);
	    showitem.timer=window.setTimeout("timeelement()",showitem.wait);
	}
	

	

