//we should turn this into an object that can be instantiated with params

ss_params = {
	current : '',
	next : '',
	caption : '',
	title : '',
	description : '',
	last : '',
	url: ''
	
}

function slideshow(elid) {
	el = "#" + elid; 
	jQuery(el).append('<div class="caption"></div>');
	ss_params.caption = jQuery(el + " div.caption");
	jQuery(el + ' a img').fadeTo(10, 0);
	ss_params.last = jQuery(el + ' a:last');
	ss_changeslide(el);
	setInterval('ss_changeslide("'+ el +'")',8000);
}

function ss_changeslide(el) {
	ss_params.current = (jQuery(el + ' a.show')?  jQuery(el + ' a.show') : jQuery(el + ' a:first'));
	ss_params.next = ((ss_params.current.next().length) ? ((ss_params.current.next().hasClass('caption'))? jQuery(el + ' a:first') :ss_params.current.next()) : jQuery(el + ' a:first'));	
	
	if(ss_params.next == jQuery(el + ' .caption')){ ss_params.next = jQuery(el + ' a:first')};
	
	ss_params.title= ss_params.next.find('img').attr('posttitle');
	ss_params.description = ss_params.next.find('img').attr('alt');
	ss_params.url = ss_params.next.find('img').attr('content');
	ss_params.current.removeClass('show');
	ss_params.current.find('img').fadeTo(2000, 0);
	ss_params.caption.fadeTo(500, 0, ss_fadein);
}

function ss_fadein(){
	ss_params.caption.html('<h1>'+ ss_params.title + '</h1><p class="description">'+ ss_params.description +'</p>');
	ss_params.next.find('img').fadeTo(2000, 1);
	ss_params.last.attr('href', ss_params.url);
	ss_params.next.addClass('show');
	ss_params.caption.fadeTo(1000, 1);
}