var slidestep = 199;
var produktslideranimation = false;
var slidecontainers = 0;
var interval;


function handle() {
	setUpSlider();
}

function trace(pMsg) {
	if ( !document.getElementById('tracer') ) {
		return;
	}
	document.getElementById('tracer').innerHTML += "| " + pMsg + "<br />";
}

function slide(){
	trace("slide");
	var slider = document.getElementById('slider');
	var pfff = getElementsByClassName('slidewrapper',slider);
	var slidewrapper = pfff[0];
	
	if(!produktslideranimation && parseInt($(slidewrapper).css('left'))-slidestep > -1*(slidecontainers * slidestep))
	{
		produktslideranimation = true;
		$(slidewrapper).animate({left: parseInt($(slidewrapper).css('left'))-slidestep}, 600, function(){produktslideranimation= false;
			if(parseInt($(slidewrapper).css('left')) <= -1*((slidecontainers-1) * slidestep)){
				$(slidewrapper).css('left','0px');
			}
		});
	} else{
		$(slidewrapper).css('left','0px');
	}
	
}

function setUpSlider(){
	trace("START -> SETUPSLIDER");
	
	var wo = document.getElementById('slider');
	var arr = getElementsByClassName('slidewrapper',wo);
	var slidewrapper = arr[0];
	
	var d = getElementsByClassName('slidecontainer',wo);
	
	var fin = $(slidewrapper).html()+'<div class="slidecontainer">'+$(d[0]).html()+'</div>';
	
	$(slidewrapper).html(fin);
	
	$(slidewrapper).css('position','absolute');
	$(slidewrapper).css('left','0px');
	$(slidewrapper).css('top','0px');
	
	for( var i = 0; i< slidewrapper.childNodes.length; i++){
		if(slidewrapper.childNodes[i].className == 'slidecontainer'){
			$(slidewrapper.childNodes[i]).css('left', slidecontainers*slidestep+'px');
			$(slidewrapper.childNodes[i]).css('top', '0px');
			$(slidewrapper.childNodes[i]).css('display', 'block');
			slidecontainers++;
		}
		
	}
	$(slidewrapper).css('width', slidecontainers*slidestep+'px');
	$(slidewrapper).css('display', 'block');
	interval = setInterval(slide,6000);
	trace("END ->SETUPSLIDER");
}


function getElementsByClassName(cl, el) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	if(el){
		var elem = el.getElementsByTagName('*');
	}else{
		var elem = document.getElementsByTagName('*');
	}
	
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)){
			retnode.push(elem[i]);
		}
	}
	return retnode;
}
function clearSelection () {
	if (document.selection)
		document.selection.empty();
	else if (window.getSelection)
		window.getSelection().removeAllRanges();
}