active_color    = '#3D8EA2';
nonactive_color = '#FFF';
current_ID		= 1;
keyVisualsAnimating = false ;
visualInterval = 1;
function preloader()
{
	keyvisuals_play();
}

function keyvisuals_play(){
	visualInterval = setInterval(keyvisuals_switch,4000);
}

function keyvisuals_switch(id)
{
	if(id == undefined){
		id = current_ID+1;
		if(id >= preload.length){
			id = 1;	
		}
	}
	
	$("content_center_specialOffer_visual_number_"+current_ID).removeClassName('active');

	
	if(keyVisualsAnimating == false){
		current_ID = id;
		var object  = 'content_keyvisuals';
		$("content_center_specialOffer_visual_number_"+current_ID).addClassName('active');
		new Effect.Fade(
							object,
								{
									duration:0.5,
									beforeStart: function(){ keyVisualsAnimating = true},
									afterFinish : function(obj){
																$('content_keyvisuals').innerHTML = '<img src="' + preload[id].src + '" alt="Keyvisual" />';
																new Effect.Appear(
																				  	obj.element.id,
																					{
																						duration:0.5,
																						afterFinish: function(){ keyVisualsAnimating = false}
																					}
																	);
															}
								
								}
						);
	}
}


function banner_rotation()
{
    img     = new Array();
	img[1]  = webhost+'public/img/special_offer/ban_10_1.jpg';
	img[2]  = webhost+'public/img/special_offer/ban_10_2.jpg';
	img[3]  = webhost+'public/img/special_offer/ban_10_3.jpg';
	preload = new Array(img.length);
	for(i=1;i<img.length;i++)
	{
		preload[i]     = new Image(548,148);
		preload[i].src = img[i];
	}
	
    timer   = 0;
    show_id = 1;
    
    for(i=0;i<100;i++)
    {
        setTimeout('show_banner(show_id)',timer);
        
        if(show_id == 1)
        {
            show_id = 2
        }
        else if(show_id == 2)
        {
            show_id = 3
        }
        else if(show_id == 3)
        {
            show_id = 4;
        }
        else if(show_id == 4)
        {
            show_id = 5; 
        }
        else if(show_id == 5)
        {
            show_id = 1; 
        }
        
        timer = timer+5000;
        
    }
    
	
}

function show_banner(id)
{
    if(id == 1)
    {
        show_id = 2
        link    = siteurl + '/Stoomcabine/Stoomcabines';
    }
    else if(id == 2)
    {
        show_id = 3
        link    = siteurl + '/Badkamermeubelen';
    }
    else if(id == 3)
    {
        show_id = 4;
        link    = siteurl + '/Douche/Inloopdouche';
    }
    else if(id == 4)
    {
        show_id = 5;
        link    = siteurl + '/Badkamertegels/Wand-_en_vloertegels';
    }
    else if(id == 5)
    {
        show_id = 1;
        link    = siteurl + '/BShowroomopruiming';
    }
    
    $('content_keyvisuals').innerHTML = '<img style="cursor:pointer" width="551px" onclick="window.location = \'' + link + '\'" src="' + preload[id].src + '" alt="Keyvisual" />';
}