var green_gal_play = true, gal_panel, main_gal_sliders, gal_pics;
function green_gal(number_gal, anim_timeout){
	//Если объект анимации не задан, то идем по прядку
	var el = number_gal || $(main_gal_sliders).children("div:first");
	//Если промежуток между анимациями не задан, то высавляем дефолтный
	//Запускаем функцию, если отключен автоплей и задан жестко объек анимации или если включен автоплей без жесткого объекта анимации. как-то так....
		setTimeout (function(){
			if(green_gal_play || (!green_gal_play && number_gal)){
				$(gal_panel).children(".gal_button_active").removeClass("gal_button_active");
				$("#"+$(el).attr('id')+"_button").addClass("gal_button_active");
				
				if(ie8){
					//меняем картинку
					$(gal_pics).children(".gal_pic_active").removeClass("gal_pic_active").animate({"right":-600}, 1000, "easeInBack",
						function(){
							$("#"+$(el).attr('id')+"_pic").addClass("gal_pic_active").animate({"right":0}, 1000, "easeOutBack")
						}
					)
					//позываем нужный блок
					$(el).appendTo($(main_gal_sliders)).css({"top":-200}).animate({"top":0}, 1000, "easeOutBounce", function(){
						if(green_gal_play){
							green_gal()
						}
					})
				} else
				{
					//меняем картинку
					$(gal_pics).children(".gal_pic_active").removeClass("gal_pic_active").animate({"opacity":0}, 1000, "easeInCubic",
						function(){
							$("#"+$(el).attr('id')+"_pic").addClass("gal_pic_active").animate({"opacity":1}, 1000, "easeInCubic")
						}
					)
					//позываем нужный блок
					$(el).children().css({"opacity":0})
					$(el).appendTo($(main_gal_sliders)).css({"opacity":0}).animate({"opacity":1}, 1000, "easeInCubic", function(){
						$(this).children().animate({"opacity":1}, 1000, "easeInCubic")
						if(green_gal_play){
							green_gal()
						}
					})
				}
				
			}
		}, anim_timeout || 5000)
	
}
//Кешируем объекты
function gal_cache(){
	gal_panel = document.getElementById("gal_panel")
	main_gal_sliders = document.getElementById("main_gal_sliders")
	gal_pics = document.getElementById("gal_pics")
}

$(function(){
	if(!$.browser.msie || ($.browser.msie && $.browser.version > 6)){
		gal_cache()
		green_gal()
	}
	$(gal_panel).children(".gal_button").click(function(){
		//останаливаем авто плей
		green_gal_play = false;
		//Запускаем анимацию только в том случае, если слайд этот не активен
		if(!$(this).is(".gal_button_active")){
			var green_pic = "#"+this.id.replace("_button","")
			//Выделяем круг
			$(gal_panel).children(".gal_button_active").removeClass("gal_button_active");
			$(this).addClass("gal_button_active");
			$("#gal_button_play").attr("class", "gal_button_stop");
			//показываем нужную анимацию
			green_gal(green_pic, 1)
		}
	})
	//Кнопка Пауз/Плей
	$("#gal_button_play").click(function(){
		if($(this).is(".gal_button_stop")){
			green_gal_play = true
			$(this).removeClass("gal_button_stop")
			//находим следующий для анимации объект
			var green_pic = $(gal_panel).children(".gal_button_active").index()+2
			//если слайд последний(больше семи), то переходим на первый
			if(green_pic > 7){
				green_pic = "#gal_slider"+1
			} else {
				green_pic = "#gal_slider"+green_pic
			}
			green_gal(green_pic, 1)
		} else{
			green_gal_play = false
			$(this).addClass("gal_button_stop")
		}
	})
})