// JavaScript Document
 $(document).ready(function() {
        $('.slideshow').cycle({
            fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			before:   onAfter
        });
		document.getElementById('slidebutton0').style.backgroundPosition = "0 12px";
    });
	
	function slidejump(num) { ////this function jumps to picture selected
    $('.slideshow').cycle(num);
    return false; 
	} 
	
	function onAfter(i,b,c,d) //// this function sets the element background to active state
	{
		if(b==document.getElementById('slidepic0'))
		{
			document.getElementById('slidebutton0').style.backgroundPosition = "0 12px";
		}
		if(b==document.getElementById('slidepic1'))
		{
			//alert('foo');
			document.getElementById('slidebutton1').style.backgroundPosition = "0 12px";
		}
		if(b==document.getElementById('slidepic2'))
		{
			document.getElementById('slidebutton2').style.backgroundPosition = "0 12px";
		}
		if(b==document.getElementById('slidepic3'))
		{
			document.getElementById('slidebutton3').style.backgroundPosition = "0 12px";
		}
		if(b==document.getElementById('slidepic4'))
		{
			document.getElementById('slidebutton4').style.backgroundPosition = "0 12px";
		}
		if(b==document.getElementById('slidepic5'))
		{
			document.getElementById('slidebutton5').style.backgroundPosition = "0 12px";
		}
		///
		if(i==document.getElementById('slidepic0'))
		{
			document.getElementById('slidebutton0').style.backgroundPosition = "0 0px";
		}
		if(i==document.getElementById('slidepic1'))
		{
			//alert('foo');
			document.getElementById('slidebutton1').style.backgroundPosition = "0 0px";
		}
		if(i==document.getElementById('slidepic2'))
		{
			document.getElementById('slidebutton2').style.backgroundPosition = "0 0px";
		}
		if(i==document.getElementById('slidepic3'))
		{
			document.getElementById('slidebutton3').style.backgroundPosition = "0 0px";
		}
		if(i==document.getElementById('slidepic4'))
		{
			document.getElementById('slidebutton4').style.backgroundPosition = "0 0px";
		}
		if(i==document.getElementById('slidepic5'))
		{
			document.getElementById('slidebutton5').style.backgroundPosition = "0 0px";
		}
	}

   <!-- end jquery slider -->