<!-- docu: http://www.webinventif.fr/wslide-plugin/ -->

var canDo = true;

$(document).ready(function(){
						   
	  $('#slider-menu, #slider').mouseover(function(){
			canDo = false;
		}).mouseout(function(){
			canDo = true;
		});
		  
	$("#slider").wslide({
		width: 618,
		height: 386,
		horiz: true,
		duration: 1000,
		effect: 'easeOutExpo',
		autolink: false
	});
	
	for (var i = 1;i<7;i++) {
		document.getElementById("img"+i).onclick = function() { setActive(this) }
		<!--document.getElementById("arrowleft"+i).onclick = function() { setPrevious() }-->
		<!--document.getElementById("arrowright"+i).onclick = function() { setNext() }-->
	}

	$.timer(5000, function (timer) {
		if(canDo){
			if($('#slider-menu li:last a').hasClass('wactive')){
				$('#slider-menu li:first a').click();
				setActive(document.getElementById("img1"));
			}else{
				for (var i = 0;i<6;i++) {
					if($("#slider-menu li:eq("+i+") a").hasClass('wactive')){
						$("#slider-menu li:eq("+(i+1)+") a").click();
						setActive(document.getElementById("img"+(i+2)));
						i=6;
					}
				}
			}
		}
	});



})

function setActive(myImg) {

	for (var i = 1;i<7;i++) {
		document.getElementById("img"+i).src = "/images/circle_inactive.png";
	}
	
	myImg.src = "/images/circle_active.png";
	
}


function setNext() {

	if($('#slider-menu li:last a').hasClass('wactive')){
		$('#slider-menu li:first a').click();
		setActive(document.getElementById("img1"));
	}else{
		for (var i = 0;i<6;i++) {
			if($("#slider-menu li:eq("+i+") a").hasClass('wactive')){
				$("#slider-menu li:eq("+(i+1)+") a").click();
				setActive(document.getElementById("img"+(i+2)));
				i=6;
			}
		}
	}
	
}


function setPrevious() {

	if($('#slider-menu li:first a').hasClass('wactive')){
		$('#slider-menu li:last a').click();
		setActive(document.getElementById("img1"));
	}else{
		for (var i = 1;i<7;i++) {
			if($("#slider-menu li:eq("+i+") a").hasClass('wactive')){
				$("#slider-menu li:eq("+(i-1)+") a").click();
				setActive(document.getElementById("img"+(i)));
				i=7;
			}
		}
	}
	
}