header_image_cur = 1;

header_images = new Array();
header_images['texts'] = new Array();
header_images['subtexts'] = new Array();
header_images['urls'] = new Array();

header_images['texts'][0] = "";
header_images['subtexts'][0] = "";
header_images['urls'][0] = "/";

header_images['texts'][1] = "Waterontharder";
header_images['subtexts'][1] = "Informatie, vragen en antwoorden";
header_images['urls'][1] = "/cms/waterontharder";

header_images['texts'][2] = "Service";
header_images['subtexts'][2] = "Zacht water zonder zorgen";
header_images['urls'][2] = "/cms/service";

header_images['texts'][3] = "Voordelen";
header_images['subtexts'][3] = "Voordelen, comfort en besparingen";
header_images['urls'][3] = "/cms/voordelen";

header_images['texts'][4] = "Waterhardheid";
header_images['subtexts'][4] = "Hoe hard is uw water?";
header_images['urls'][4] = "/cms/waterhardheid";

header_images['texts'][5] = "Over ons";
header_images['subtexts'][5] = "AquaCell en AquaCombi";
header_images['urls'][5] = "/cms/over";

$(document).ready(function(){
	$('img#img_previous_header').click(function(){
		setHeader(false);
	});
	
	$('img#img_next_header').click(function(){
		setHeader(true);
	});
});

function setHeader(isNext)
{
	// Cycle through images
	if(isNext)
	{
		header_image_cur = header_image_cur == 6 ? 1 : header_image_cur + 1;
	}
	else
	{
		header_image_cur = header_image_cur == 1 ? 6 : header_image_cur - 1;
	}
	
	// Setting background and text
	$('div#homepage_box_header').css('background-image', 'url(/images/new_layout/homepage_box_header_' + header_image_cur + '.gif)');
	$('span#homepage_box_header_text').html(header_images['texts'][header_image_cur - 1]);
	$('span#homepage_box_header_text_sub').html(header_images['subtexts'][header_image_cur - 1]);
	
	// Setting click event
	if(header_image_cur == 1)
	{
		$('div#homepage_box_header').unbind('click');
		$('div#homepage_box_header').css('cursor', 'auto');
		$('div#homepage_box_header').attr('title', '');
	}
	else
	{
		$('div#homepage_box_header').click(function(event){
			if(event.target.id == 'homepage_box_header')
			{
				window.location = header_images['urls'][header_image_cur - 1];
			}
		});
		
		$('div#homepage_box_header').css('cursor', 'pointer');
		$('div#homepage_box_header').attr('title', 'Ga naar ' + header_images['texts'][header_image_cur - 1]);
	}
}