$(function() {
	$('#slideshow').before('<div id="pager">').cycle({ pager: '#pager', speed: 'fast', cleartype: 1 });
});

$(function() {
	$('#slideshow2').before('<div id="pager2">').cycle({ pager: '#pager2', speed: 'fast', cleartype: 1 });
});

$(function() {
	$('#gallery_landscape').before('<ul id="thumbs">').cycle({ timeout: 5000, pager: '#thumbs', speed: 500, before: onBefore, after: onAfter, pagerAnchorBuilder: function(idx, slide) { return '<li><a href="#"><img src="' + slide.src + '" width="50" /></a></li>'; } });
});

$(function() {
	$('#gallery_portrait').before('<ul id="thumbs">').cycle({ timeout: 5000, pager: '#thumbs', speed: 500, before: onBefore, after: onAfter, pagerAnchorBuilder: function(idx, slide) { return '<li><a href="#"><img src="' + slide.src + '" width="50" /></a></li>'; } });
});

$(function() {
	$('#gallery_group').before('<ul id="thumbs">').cycle({ timeout: 5000, pager: '#thumbs', speed: 500, before: onBefore, after: onAfter, pagerAnchorBuilder: function(idx, slide) { return '<li><a href="#"><img src="' + slide.src + '" width="50" /></a></li>'; } });
});

function onBefore() {
    $('#modelname').html();
	$('#xtra').html();
}

function onAfter() {
    $('#modelname').html(this.alt);
	$('#xtra').html(this.name);
}