var currentSlide = 4;

$(document).ready(function() {
    $('#home_slideshow').cycle({
		fx: 'fade',
		timeout: 5000,
		before: buttonschange
	});
	$('#b1').click(function() {
		$('#home_slideshow').cycle(0);
		$('#home_slideshow').cycle('pause');
		document.getElementById('b1').src = '/images/2011/home/on.png';
		document.getElementById('b2').src = '/images/2011/home/off.png';
		document.getElementById('b3').src = '/images/2011/home/off.png';
		document.getElementById('b4').src = '/images/2011/home/off.png';
		return false;
	});
	$('#b2').click(function() {
		$('#home_slideshow').cycle(1);
		$('#home_slideshow').cycle('pause');
		document.getElementById('b1').src = '/images/2011/home/off.png';
		document.getElementById('b2').src = '/images/2011/home/on.png';
		document.getElementById('b3').src = '/images/2011/home/off.png';
		document.getElementById('b4').src = '/images/2011/home/off.png';
		return false;
	}); 
	$('#b3').click(function() {
		$('#home_slideshow').cycle(2);
		$('#home_slideshow').cycle('pause');
		document.getElementById('b1').src = '/images/2011/home/off.png';
		document.getElementById('b2').src = '/images/2011/home/off.png';
		document.getElementById('b3').src = '/images/2011/home/on.png';
		document.getElementById('b4').src = '/images/2011/home/off.png';
		return false;
	}); 
	$('#b4').click(function() {
		$('#home_slideshow').cycle(3);
		$('#home_slideshow').cycle('pause');
		document.getElementById('b1').src = '/images/2011/home/off.png';
		document.getElementById('b2').src = '/images/2011/home/off.png';
		document.getElementById('b3').src = '/images/2011/home/off.png';
		document.getElementById('b4').src = '/images/2011/home/on.png';
		return false;
	}); 
});

function buttonschange()
{
	
switch (currentSlide)
{
case 1:
  currentSlide = 2;
  document.getElementById('b1').src = '/images/2011/home/off.png';
  document.getElementById('b2').src = '/images/2011/home/on.png';
  document.getElementById('b3').src = '/images/2011/home/off.png';
  document.getElementById('b4').src = '/images/2011/home/off.png';
  break;
case 2:
  currentSlide = 3;
  document.getElementById('b1').src = '/images/2011/home/off.png';
  document.getElementById('b2').src = '/images/2011/home/off.png';
  document.getElementById('b3').src = '/images/2011/home/on.png';
  document.getElementById('b4').src = '/images/2011/home/off.png';
  break;
case 3:
  currentSlide = 4;
  document.getElementById('b1').src = '/images/2011/home/off.png';
  document.getElementById('b2').src = '/images/2011/home/off.png';
  document.getElementById('b3').src = '/images/2011/home/off.png';
  document.getElementById('b4').src = '/images/2011/home/on.png';
  break;
case 4:
  currentSlide = 1;
  document.getElementById('b1').src = '/images/2011/home/on.png';
  document.getElementById('b2').src = '/images/2011/home/off.png';
  document.getElementById('b3').src = '/images/2011/home/off.png';
  document.getElementById('b4').src = '/images/2011/home/off.png';
  break;
default:
  //do nothing
}

}