[rbflowers]

My site ideally would do the same thing as www.goal.com 's home page in regards to their headlines.

The main stories load in slide show and the thumbnail on the left associated with the displayed article now has a border. If you click on one of these thumbnails, the show stops, the new article pops up and a border for that thumbnail also shows up.

I've gotten my slideshow to slide, stop when someone clicks on a thumbnail, display the clicked article and have a border show up after a click, but I can't figure out how to make the thumbnail borders change with the slides.

Any suggestions?

[JackOfAllTrades]

Change line 42 of your script to

alert('How can we possibly help without seeing your code?');

[rbflowers]

thought i had it attached.

$.fx.speeds.slower = 1000;

//left middle is pictures
$(document).ready(function() {	
	$('#left-middle').cycle({
		fx: 'fade',
		startingSlide: 0,
		speed:  'slower'
	});

//right middle is text about pictures
    $('#right-middle').cycle({
		fx: 'fade',
		startingSlide: 0,
		speed:  'slower'
	});
});

//thumbnails 1-5
$(document).ready(function(){
   $("#bmone").click(function(){
		$('#left-middle').cycle(0); 
		$('#right-middle').cycle(0); 
		$('#left-middle').cycle('pause'); 
		$('#right-middle').cycle('pause');
		return false; 
  });
  $("#bmtwo").click(function(){
		$('#left-middle').cycle(1); 
		$('#right-middle').cycle(1); 
		$('#left-middle').cycle('pause'); 
		$('#right-middle').cycle('pause'); 
		return false; 
  });
  $("#bmthree").click(function(){
		$('#left-middle').cycle(2); 
		$('#right-middle').cycle(2); 
		$('#left-middle').cycle('pause'); 
		$('#right-middle').cycle('pause'); 
		return false; 
  });
  $("#bmfour").click(function(){
		$('#left-middle').cycle(3); 
		$('#right-middle').cycle(3); 
		$('#left-middle').cycle('pause'); 
		$('#right-middle').cycle('pause'); 
		return false; 
  });
  $("#bmfive").click(function(){
		$('#left-middle').cycle(4); 
		$('#right-middle').cycle(4); 
		$('#left-middle').cycle('pause'); 
		$('#right-middle').cycle('pause'); 
		return false; 
  });
});