slides={
	'slide0' : new Array('whybonfire_screen_6.jpg', 'whybonfire_screen_7.jpg'),
	'slide1' : new Array('whybonfire_screen_8.jpg', 'whybonfire_screen_9.jpg'),
	'slide2' : new Array('whybonfire_screen_10.jpg', 'whybonfire_screen_11.jpg'),
	'slide3' : new Array('whybonfire_screen_12.jpg','whybonfire_screen_13.jpg', 'whybonfire_screen_14.jpg', 'whybonfire_screen_15.jpg')
};

popups={
	'slide0' : new Array('manageclients.jpg', 'addclient.jpg'),
	'slide1' : new Array('manageprojects.jpg', 'addprojects.jpg'),
	'slide2' : new Array('todolist.jpg', 'newtodos.jpg', 'quickbuttons.jpg'),
	'slide3' : new Array('manageemployees.jpg', 'managetime.jpg', 'timereport.jpg')
};

slideIndices={
	'slide0' : 0,
	'slide1' : 0,
	'slide2' : 0,
	'slide3' : 0
};

function slideshow(slideId, dir)
{
	slideIndices[slideId]=Math.abs((slideIndices[slideId]+dir) % (slides[slideId].length));
	document.getElementById(slideId).style.backgroundImage='url("images/random_image/'+slides[slideId][slideIndices[slideId]]+'")';
	document.getElementById(slideId).href='images/popups/'+popups[slideId][slideIndices[slideId]];
}