$('#slideshow').crossSlide({
  fade: 4,
  shuffle: 1
}, [
  {
    src:  'images/hands-banner-home.jpg',
    alt:  'The greatest wealth is health',
    from: '100% 80% 1x',
    to:   '100% 0% 1.3x',
    time: 5
  }, {
    src:  'images/personel-banner-home.jpg',
    alt:  'All about the personal touch',
    from: 'top left',
    to:   'bottom right 1.3x',
    time: 3
  }, {
    src:  'images/pool-banner-home.jpg',
    alt:  'Spa-health benefits',
    from: 'bottom left',
    to:   'top right 1.3x',
    time: 6
  }, {
    src:  'images/shape-banner-home.jpg',
    alt:  'Get in shape',
    from: '100% 80% 1x',
    to:   '100% 0% 1.3x',
    time: 6
  }, {
    src:  'images/relax-banner-home.jpg',
    alt:  '...and relax',
    from: '100% 80% 1x',
    to:   '100% 0% 1.3x',
    time: 6
  }, {
    src:  'images/training-home.jpg',
    alt:  'Training, heping you grow',
    from: '100% 80% 1x',
    to:   '100% 0% 1.3x',
    time: 6
  }

], function(idx, img, idxOut, imgOut) {

    // starting cross-fade phase, take out caption
    //$('div.caption').fadeOut()
	// alert(img.alt);
	switch(img.alt)
	{
		case 'The greatest wealth is health':
			$(".but_homepage").attr("src","images/gwis-text-home.png");
			$(".link").attr("href","/fitness-spa/");
			$("#c0").attr("src","images/circle-white.png");
			$("#c1").attr("src","images/circle-gold.png");
			$("#c2").attr("src","images/circle-gold.png");
			$("#c3").attr("src","images/circle-gold.png");
			$("#c4").attr("src","images/circle-gold.png");
    			$("#c5").attr("src","images/circle-gold.png");
			break;
		case 'All about the personal touch':
			$(".but_homepage").attr("src","images/pt-text-home.png");
			$(".link").attr("href","/fitness-spa/gym-kent/our-service/");
			$("#c0").attr("src","images/circle-gold.png");
			$("#c1").attr("src","images/circle-white.png");
			$("#c2").attr("src","images/circle-gold.png");
			$("#c3").attr("src","images/circle-gold.png");
			$("#c4").attr("src","images/circle-gold.png");
    			$("#c5").attr("src","images/circle-gold.png");
			break;
		case 'Spa-health benefits':
			$(".but_homepage").attr("src","images/spa-text-home.png");
			$(".link").attr("href","/fitness-spa/kent-spa/spa-treatments/");
			$("#c0").attr("src","images/circle-gold.png");
			$("#c1").attr("src","images/circle-gold.png");
			$("#c2").attr("src","images/circle-white.png");
			$("#c3").attr("src","images/circle-gold.png");
			$("#c4").attr("src","images/circle-gold.png");
    			$("#c5").attr("src","images/circle-gold.png");
			break;
		case 'Get in shape':
			$(".but_homepage").attr("src","images/get-text-home.png");
			$(".link").attr("href","/fitness-spa/classes/");
			$("#c0").attr("src","images/circle-gold.png");
			$("#c1").attr("src","images/circle-gold.png");
			$("#c3").attr("src","images/circle-gold.png");
			$("#c4").attr("src","images/circle-white.png");
			$("#c4").attr("src","images/circle-gold.png");
    			$("#c5").attr("src","images/circle-gold.png");
			break;
		case '...and relax':
			$(".but_homepage").attr("src","images/relax-text-home.png");
			$(".link").attr("href","/fitness-spa/kent-spa/spa-day-kent");
			$("#c0").attr("src","images/circle-gold.png");
			$("#c1").attr("src","images/circle-gold.png");
			$("#c2").attr("src","images/circle-gold.png");
			$("#c3").attr("src","images/circle-gold.png");
			$("#c4").attr("src","images/circle-white.png");
    			$("#c5").attr("src","images/circle-gold.png");
			break;
              case 'Training, heping you grow':
			$(".but_homepage").attr("src","images/train-home-but.png");
			$(".link").attr("href","/training/");
			$("#c0").attr("src","images/circle-gold.png");
			$("#c1").attr("src","images/circle-gold.png");
			$("#c2").attr("src","images/circle-gold.png");
			$("#c3").attr("src","images/circle-gold.png");
			$("#c4").attr("src","images/circle-gold.png");
    			$("#c5").attr("src","images/circle-white.png");
			break;

	}
  
});


$("#c0").click(function() {
	$(".but_homepage").attr("src","images/gwis-text-home.png");
	
	$("#slideshow").attr("src","images/hands-banner-home.jpg");
	$("#c0").attr("src","images/circle-white.png");
	$("#c1").attr("src","images/circle-gold.png");
	$("#c2").attr("src","images/circle-gold.png");
	$("#c3").attr("src","images/circle-gold.png");
	$("#c4").attr("src","images/circle-gold.png");
	$("#c5").attr("src","images/circle-gold.png");
});

$("#c1").click(function() {
  	$(".but_homepage").attr("src","images/pt-text-home.png");
	$("#c0").attr("src","images/circle-gold.png");
	$("#c1").attr("src","images/circle-white.png");
	$("#c2").attr("src","images/circle-gold.png");
	$("#c3").attr("src","images/circle-gold.png");
	$("#c4").attr("src","images/circle-gold.png");
	$("#c5").attr("src","images/circle-gold.png");
});

$("#c2").click(function() {
	$(".but_homepage").attr("src","images/spa-text-home.png");
	$("#c0").attr("src","images/circle-gold.png");
	$("#c1").attr("src","images/circle-gold.png");
	$("#c2").attr("src","images/circle-white.png");
	$("#c3").attr("src","images/circle-gold.png");
	$("#c4").attr("src","images/circle-gold.png");
	$("#c5").attr("src","images/circle-gold.png");
});

$("#c3").click(function() {
	$(".but_homepage").attr("src","images/get-text-home.png");
	$("#c0").attr("src","images/circle-gold.png");
	$("#c1").attr("src","images/circle-gold.png");
	$("#c2").attr("src","images/circle-gold.png");
	$("#c3").attr("src","images/circle-white.png");
	$("#c4").attr("src","images/circle-gold.png");
	$("#c5").attr("src","images/circle-gold.png");
});

$("#c4").click(function() {
	$(".but_homepage").attr("src","images/relax-text-home.png");
	$("#c0").attr("src","images/circle-gold.png");
	$("#c1").attr("src","images/circle-gold.png");
	$("#c2").attr("src","images/circle-gold.png");
	$("#c3").attr("src","images/circle-gold.png");
	$("#c4").attr("src","images/circle-white.png");
	$("#c5").attr("src","images/circle-gold.png");
});

$("#c5").click(function() {
	$(".but_homepage").attr("src","images/train-home-but.png");
	$("#c0").attr("src","images/circle-gold.png");
	$("#c1").attr("src","images/circle-gold.png");
	$("#c2").attr("src","images/circle-gold.png");
	$("#c3").attr("src","images/circle-gold.png");
       $("#c4").attr("src","images/circle-gold.png");
	$("#c5").attr("src","images/circle-white.png");
});