$(document).ready(function() {
	$("div.Main_banner_param").trigger('click');
});
function loadBanner(arParams){
	//$(".main_image a.prev").css("display","none");
	//$(".main_image a.next").css("display","none");
	$(".main_image .block").css('fontFamily',arParams.FONT);
	
	var timing = arParams.TIME; 
	var rotate = setInterval(function(){
		triggernext();
	}, arParams.TIME);
	var imgThumb_width =  $(".image_thumb ").width();
	$(".image_thumb ").css('right',imgThumb_width);
	var imgMain_height =  $(".main_image ").height();
	var imgThumb_height =  $(".image_thumb ").height();
	$(".image_thumb ").css('top',imgMain_height-imgThumb_height);

	//Show Banner
	$(".main_image .desc").show();	
	$(".image_thumb ul li:first-child").addClass('active');
	$(".main_image .detail").fadeOut(1);
	//анимируем первый блок текста
	 var left = $('.image_thumb ul li.active #first_text input.left').attr("value")-0; //Get Alt Tag of Image
		$(".main_image .block").find('#first_text').fadeIn(1).animate({ "margin-left": left }, arParams.MARKETING_TEXT1_SPEED,function(){
		 $(this).css('filter','');
		 //анимируем второй блок текста
		 var left = $('.image_thumb ul li.active #second_text input.left').attr("value")-0; //Get Alt Tag of Image
		 $(".main_image .block").find('#second_text').fadeIn(1).animate({ "margin-left": left}, arParams.MARKETING_TEXT2_SPEED,function(){
			 $(this).css('filter','');
			 //анимируем третий блок текста
			 var tex_left3 = $('.image_thumb ul li.active #third_text input.left').attr("value")-0; //Get Alt Tag of Image
			 var tex_top3 = $('.image_thumb ul li.active #third_text input.top').attr("value")-0; //Get Alt Tag of Image
			 $(".main_image .block").find('#third_text').fadeIn(arParams.MARKETING_TEXT3_SPEED,function(){
				$(this).css('filter','');
				$(".main_image .detail").fadeIn(1,function(){
					$(this).css('filter','');
				});
			});
		});
	});
	//загружаем изображения
	var myImgs=new Array(); // regular array (add an optional integer
	var i=0;
	$(".image_thumb ul li").each(function()
	{
		myImgs[i] = new  Image ($(".main_image ").width(), $(".main_image ").height());
		myImgs[i].src =  $(this).find('a').attr("href");
		i++;
	});   
	window.onload=function(){
		$(".main_image a.prev").fadeIn(1);
		$(".main_image a.next").fadeIn(1);
	};
	
	//Click and Hover events for thumbnail list
	 $(".image_thumb ul li").click(function(){	 

			clearInterval(rotate);
			rotate = setInterval(function(){triggernext();}, arParams.TIME);
		
			$(".main_image a.prev").css("display","none");//fadeOut(1);
			$(".main_image a.next").css("display","none");//.fadeOut(1);

			//Set Variables
			var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
			var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
			var imgDesc = $(this).find('.block').html(); //Get HTML of block
			var imgDescHeight = $(".main_image").find('.block').width(); //Calculate height of block
			var imgHref = $(this).find('a.detail').attr("href"); //Get Alt Tag of Image
			var index = $(this).index();
			 //Animate the Teaser
			 var now_img = $(".main_image img").attr("src");
			 $(".main_image").css('background-image','url('+now_img+')');
			 //$(".main_image img").attr({ src: imgTitle , alt: imgAlt});
			 $(".main_image img").attr({src: myImgs[index].src});
			 
			 $(".main_image a.img_now").attr({ href: imgHref});
			 $(".main_image .block").html(imgDesc);
			 $(".main_image a.url").attr('href',$('.main_image a.detail').attr('href'));
			$( ".main_image img" ).show(arParams.EFFECT,{},arParams.SPEED,function(){			 
				$(".main_image a.prev").fadeIn(1);
				$(".main_image a.next").fadeIn(1);						
			});

		 $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
		 $(this).addClass('active'); //add class of 'active' on this list only
		 return false;
 });

$(".main_image a.prev").click(function(){	 
slides = $(".image_thumb ul");
	if((slides.find("li.active").index() - 1) == -1) {
		pla = slides.find("li:last-child");
	} else {
		pla = slides.find("li.active").prev();
	}
			clearInterval(rotate);
			rotate = setInterval(function(){triggernext();}, arParams.TIME);
		
			$(".main_image a.prev").css("display","none");//fadeOut(1);
			$(".main_image a.next").css("display","none");//.fadeOut(1);

			//Set Variables
			var imgAlt = pla.find('img').attr("alt"); //Get Alt Tag of Image
			var imgTitle = pla.find('a').attr("href"); //Get Main Image URL
			var imgDesc = pla.find('.block').html(); //Get HTML of block
			var imgDescHeight = $(".main_image").find('.block').width(); //Calculate height of block
			var imgHref = pla.find('a.detail').attr("href"); //Get Alt Tag of Image
			
			 //Animate the Teaser
			 var now_img = $(".main_image img").attr("src");
			 $(".main_image").css('background-image','url('+now_img+')');
			 $(".main_image img").attr({ src: imgTitle , alt: imgAlt});
			 $(".main_image a.img_now").attr({ href: imgHref});
			 $(".main_image .block").html(imgDesc);
			 $(".main_image a.url").attr('href',$('.main_image a.detail').attr('href'));
			var opt={};
			if(arParams.EFFECT=="drop")
			{
				opt={direction:'right'};				
			}
			$( ".main_image img" ).show(arParams.EFFECT,opt,arParams.SPEED,function(){			 
				$(".main_image a.prev").fadeIn(1);
				$(".main_image a.next").fadeIn(1);						
			});

		 $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
		 pla.addClass('active'); //add class of 'active' on this list only
		 return false;

 });
 
}
function triggernext() {
	slides = $(".image_thumb ul");
	if((slides.find("li.active").index() + 1) == slides.find("li").length) {
		slides.find("li:first-child").trigger('click');
	} else {
		slides.find("li.active").next().trigger('click');
	}
}