// De carrousel functies

var car_active = false;

function change_opacity(div_id, opacity){
	document.getElementById(div_id).style.filter = 'Alpha(Opacity='+(opacity * 100)+')';
	document.getElementById(div_id).style.opacity = opacity;
}

var img_opacity;
var img_fader;
img_opacity = 0;
var car_link = '';

function fade_img(){
	if(img_opacity >= 0.8){
		clearInterval(img_fader);
		
		image1 = document.getElementById('main_item');
		image2 = document.getElementById('main_item2');
		
		image1.style.backgroundImage = image2.style.backgroundImage;
		
		img_opacity = 0;
	} else {
		img_opacity += 0.2;
	}
	change_opacity('main_item2', img_opacity);
}

function car_change(new_image){
	new_image = 'url('+new_image+')';
	image1 = document.getElementById('main_item');
	image2 = document.getElementById('main_item2');
	
	if(image2.style.backgroundImage != new_image){
		image1.style.backgroundImage = image2.style.backgroundImage;
		img_opacity = 0;
		change_opacity('main_item2', img_opacity);
		image2.style.backgroundImage = new_image;
		clearInterval(img_fader);
		img_fader = setInterval('fade_img()', 32);
	}
}

// Carrousel mousover functie
function car_over(car_id, mouseOut){
	if(car_active){
		if(car_current != car_id.substr(4)){
			// maak de vorige ontzichtbaar
			car_over('car_'+car_current, true);
		}
		
		div = document.getElementById(car_id);
		if(mouseOut){
			div.style.backgroundImage = 'url(/images/carr_off.gif)';
			div.getElementsByTagName('a')[0].style.textDecoration = 'none';
		} else {
			div.style.backgroundImage = 'url(/images/carr_on.gif)';
			div.getElementsByTagName('a')[0].style.textDecoration = 'none';
		}
		if(!mouseOut){
			car_afbeelding = div.getElementsByTagName('input')[0].value;
			car_change(car_afbeelding);
		}
		car_current = car_id.substring(4);
		car_link = div.getElementsByTagName('input')[1].value;
	}
}

var car_current = 0;
var carrousel_move;
	
function car_next(){
	if(car_current != 0){
		car_over('car_'+car_current, true);
	}
	
	if(car_current != 5){
		car_current++;
	} else {
		car_current = 1;
	}		
	
	car_over('car_'+car_current, false);
}

function pause_car(){
	clearInterval(carrousel_move);
}

function start_car(){
	clearInterval(carrousel_move);
	carrousel_move = setInterval('car_next()', 4000);
}

function initiate_car(){
	car_active = true;
	car_next();
	start_car();
}

function car_click(){
	window.location.href = car_link;
}