var i = 1;
var z = 0;
var now = 1;
var seconds = 5000
function onChange() {

	changeTextAndImage();
	setActiveButton();
}

function changeTextAndImage() {
	var zz = 0;
	if (now!=i) {
		var next = i;

	} else {
		var  next = now+1;
		var before = now;
	}

	if (next>3) {
		next = 1;
	}

	i = next;
	z=0;

	$('#SliderImages  > li > img').each( function() {
		zz++;

		if (zz==now) {

			$(this).fadeOut('slow', function() {
				var tt = 0;
				$('#SliderImages > li > img').each( function() {
					tt++;
					if (tt==next) {
						now = next;
						i = next;

						$(this).fadeIn('slow');
						var text = 0;
						$('#changeImage > li.text > ul > li ').each( function() {
							text++;
							if (text==now) {
								$('#changeText').html($(this).html());
							}
						});
					}
				});
			});
		}
	});
}

function setActiveButton() {
	var bb = 0;
	$('.butt1 img, .butt2 img, .butt3 img').each( function() {
		bb++;
		var src =  $(this).attr('src');
		var g = /_n/;

		if (g.test(src)) {
			src = src.replace('_n', '_b');
			$(this).attr('src', src);
		}
		if (bb==i) {
			src = src.replace('_b', '_n');
			$(this).attr('src', src);
		}

	});
}

function wait() {
	z++;
	if (z==2) {
		runner.stopAll();
		var task = {
			run: onChange,
			interval: seconds //1 second
		}
		runner = new Ext.util.TaskRunner();
		runner.start(task);
	}
}

var runner = null;
$(document).ready( function() {
	var s = $('#changeImage > li.text > ul > li');
	$('#changeText').html(s.html());
	var task = {
		run: wait,
		interval: seconds //1 second
	}
	runner = new Ext.util.TaskRunner();
	runner.start(task);
	$('.butt1').click( function() {
		z=0;
		i=1
		setActiveButton();
		changeTextAndImage();
		runner.stopAll();
		var task = {
			run: wait,
			interval: seconds //1 second
		}
		runner = new Ext.util.TaskRunner();
		runner.start(task);
	});
	$('.butt2').click( function() {

		z=0;
		i=2;
		setActiveButton();
		changeTextAndImage();
		runner.stopAll();
		var task = {
			run: wait,
			interval: seconds //1 second
		}
		runner = new Ext.util.TaskRunner();
		runner.start(task);
	});
	$('.butt3').click( function() {
		z=0;
		i=3;

		setActiveButton();
		changeTextAndImage();
		runner.stopAll();
		var task = {
			run: wait,
			interval: seconds //1 second
		}
		runner = new Ext.util.TaskRunner();
		runner.start(task);
	});
});