// for slide
    var showTime = 6000;

    var gotoRight = 0; 
    var stepSizeRight = 5;
    
    var gotoLeft = -760;
    var stepSizeLeft = 40;
	
	var moveRight = 0;
    var moveLeft = gotoRight;

	// elements
    var cycleElements = document.getElementById('slideshow').getElementsByTagName('div');
   
   	var itemToFadeIn = 0;
    var itemCount = cycleElements.length - 1;
    var itemPrevious = 99999;
    
    // timeout
	var timeout;
	
	// insert items to select box
	for(var i = 0; i < cycleElements.length; i++)
	{
	    document.getElementById('itemSelect').innerHTML = document.getElementById('itemSelect').innerHTML + '<li id="slideshowItem'+i+'">'+ '<img onClick="clearTimeout(timeout);showItem('+ i +')" src="images/dot_inactive.png" />' +'</li>';
	}

	// cookie
	var cookietime = new Date();
		cookietime = new Date(cookietime.getTime() +1000*60*60);
	
	// cookie last shown element
	if($.cookie('elementx'))
	{
		var cookiewert = $.cookie('elementx');
		cookiewert = parseFloat(cookiewert);
		cycleElements[cookiewert].style.display = 'block';
		cycleElements[cookiewert].style.zIndex = 55;
		cycleElements[0].style.zIndex = 50;
		cycleElements[0].style.zdisplay = 'none';
		
		itemToFadeIn = cookiewert;
		document.getElementById('slideshowItem'+itemToFadeIn).innerHTML = '<img src="images/dot_active.png" />';
	} else {
		document.getElementById('slideshowItem0').innerHTML = '<img onClick="clearTimeout(timeout);" src="images/dot_active.png" />';
	}
	
    function startCycle()
    {
		timeout = setTimeout("cycleFadeOutActiveElement()", showTime);
    }
    
    function showItem(id)
    {
    	// item, which will be fade in
    	itemToFadeIn = id;
    	
    	cycleElements[itemToFadeIn].style.display = "none";
    	cycleElements[itemToFadeIn].style.zIndex = 65;
    	$(cycleElements[itemToFadeIn]).fadeIn(1000);
    	
    	timeout = setTimeout("indexItems()", 1000);
    }
    
    function indexItems()
    {
    	for(var i = 0; i < cycleElements.length; i++)
    	{
    		if(i != itemToFadeIn)
    		{
    			document.getElementById('slideshowItem'+i).innerHTML = '<img onClick="clearTimeout(timeout);showItem('+ i +')" src="images/dot_inactive.png" />';
    			cycleElements[i].style.display = "none";
    			cycleElements[i].style.zIndex = 53;
    		}
    	}
    	document.getElementById('slideshowItem'+itemToFadeIn).innerHTML = '<img onClick="clearTimeout(timeout);" src="images/dot_active.png" />';
    	cycleElements[itemToFadeIn].style.zIndex = 55;
    	$.cookie('elementx', itemToFadeIn, { expires: 7, path: '/' });
    }
    
    function nextItem()
    {
    	clearTimeout(timeout);
    	
		if(itemToFadeIn == itemCount)
    	{
    		itemToFadeIn = 0;
    	} else {
    		itemToFadeIn = itemToFadeIn + 1; 
    	}
    	
    	showItem(itemToFadeIn);
    }
    
    function previousItem()
    {
    	clearTimeout(timeout);
		
		if(itemToFadeIn == 0)
    	{
    		itemToFadeIn = itemCount;
    	} else {
    		itemToFadeIn = itemToFadeIn - 1; 
    	}
    	
    	showItem(itemToFadeIn);
    }

	function cycleFadeOutActiveElement(option)
	{
		if(itemToFadeIn == itemCount)
    	{
    		itemToFadeIn = 0;
    	} else {
    		itemToFadeIn = itemToFadeIn + 1; 
    	}

		showItem(itemToFadeIn);
		timeout = setTimeout("cycleFadeOutActiveElement()", showTime);
	}
	
	startCycle();