var active = 1;
var max = 4;
var tid = setInterval(changePics, 10000);

function changePics() {
			var next = active + 1;
			if (next > max)
			{
				next = 1;
			}
			opacity('public_graph_'+active,100,0,1000);
			opacity('public_graph_'+next,0,100,1000);
			opacity('public_txt_'+active,100,0,1000);
			opacity('public_txt2_'+active,100,0,1000);
			document.getElementById('public_txt_'+active).style.display='none';
			document.getElementById('public_txt2_'+active).style.display='none';
			opacity('public_txt_'+next,0,100,1000);
			opacity('public_txt2_'+next,0,100,1000);
			document.getElementById('public_txt_'+next).style.display='block';
			document.getElementById('public_txt2_'+next).style.display='block';

			document.getElementById('pic_button_'+active).style.backgroundImage='url(/img/public/circle_small_gray.png)';
			document.getElementById('pic_button_'+active).style.backgroundPosition='center';
			document.getElementById('pic_button_'+active).style.backgroundRepeat='no-repeat';
			document.getElementById('pic_button_'+next).style.backgroundImage='url(/img/public/circle_small_yellow.png)';
			document.getElementById('pic_button_'+next).style.backgroundPosition='center';
			document.getElementById('pic_button_'+next).style.backgroundRepeat='no-repeat';
			active++;
			if (active > max)
			{
				active = 1;
			}
} 

function prevPic() {
			clearInterval(tid);
			var prev = active - 1;
			if (prev < 1)
			{
				prev = max;
			}
			opacity('public_graph_'+active,100,0,500);
			opacity('public_graph_'+prev,0,100,500);
			opacity('public_txt_'+active,100,0,500);
			opacity('public_txt2_'+active,100,0,500);
			document.getElementById('public_txt_'+active).style.display='none';
			document.getElementById('public_txt2_'+active).style.display='none';
			opacity('public_txt_'+prev,0,100,500);
			opacity('public_txt2_'+prev,0,100,500);
			document.getElementById('public_txt_'+prev).style.display='block';
			document.getElementById('public_txt2_'+prev).style.display='block';


			document.getElementById('pic_button_'+active).style.backgroundImage='url(/img/public/circle_small_gray.png)';
			document.getElementById('pic_button_'+active).style.backgroundPosition='center';
			document.getElementById('pic_button_'+active).style.backgroundRepeat='no-repeat';
			document.getElementById('pic_button_'+prev).style.backgroundImage='url(/img/public/circle_small_yellow.png)';
			document.getElementById('pic_button_'+prev).style.backgroundPosition='center';
			document.getElementById('pic_button_'+prev).style.backgroundRepeat='no-repeat';
			active--;
			if (active < 1)
			{
				active = max;
			}
}

function nextPic() {
			clearInterval(tid);
			var next = active + 1;
			if (next > max)
			{
				next = 1;
			}
			opacity('public_graph_'+active,100,0,500);
			opacity('public_graph_'+next,0,100,500);
			opacity('public_txt_'+active,100,0,500);
			opacity('public_txt2_'+active,100,0,500);
			document.getElementById('public_txt_'+active).style.display='none';
			document.getElementById('public_txt2_'+active).style.display='none';
			opacity('public_txt_'+next,0,100,500);
			opacity('public_txt2_'+next,0,100,500);
			document.getElementById('public_txt_'+next).style.display='block';
			document.getElementById('public_txt2_'+next).style.display='block';

			document.getElementById('pic_button_'+active).style.backgroundImage='url(/img/public/circle_small_gray.png)';
			document.getElementById('pic_button_'+active).style.backgroundPosition='center';
			document.getElementById('pic_button_'+active).style.backgroundRepeat='no-repeat';
			document.getElementById('pic_button_'+next).style.backgroundImage='url(/img/public/circle_small_yellow.png)';
			document.getElementById('pic_button_'+next).style.backgroundPosition='center';
			document.getElementById('pic_button_'+next).style.backgroundRepeat='no-repeat';
			active++;
			if (active > max)
			{
				active = 1;
			}
}