var noofslide = 5;
var integer = 1;
var paus =0; 
var jump = 0;

$(document).ready(function(){
	 	start_slide(integer);
	 	$('#pp').hover(function (){
			paus = 1;
			clearTimeout(play)
			$GE('pp').innerHTML='<img alt="Play" title="Play"  align="absmiddle" style="margin-top:-5px;" src="/img/play.jpg" />';
		},function(){
			paus = 0;
			$GE('pp').innerHTML='<img alt="Pause" title="Pause" align="absmiddle" style="margin-top:-5px;" src="/img/pause.jpg" />';
			start_slide(integer);
		});
		$('.mystuff').hover(function (){
			paus = 1;
			clearTimeout(play)
			$GE('pp').innerHTML='<img alt="Play" title="Play"  align="absmiddle" style="margin-top:-5px;" src="/img/play.jpg" />';
		},function(){
			paus = 0;
			$GE('pp').innerHTML='<img alt="Pause" title="Pause" align="absmiddle" style="margin-top:-5px;" src="/img/pause.jpg" />';
			start_slide(integer);
		});
		$('#button a').click(function(){
			$("#myslide .cover").stop();
 			clearTimeout(play)
			integer = $(this).attr('rel');
			start_slide(integer);						
		});
		
});

function start_slide(ind){			
	if(paus == 0){		
		$('#myslide .cover').animate({left:-920*(parseInt(integer)-1)}); 		
		$('#button a').each(function(){		
			$(this).removeClass('active');
			if($(this).hasClass('button'+integer)){
				$(this).addClass('active')}
		});
		if(ind == noofslide){
			ind =1;
		}else{
			ind++;
		}
		integer = ind;
		play = setTimeout('start_slide('+ind+')',7000); 
	}
}