var changeBanner;

$(document).ready(function(){
	// Контейнер в котором находится табличка с баннерами.
	var carousel_container = document.getElementById("banners-carousel-container");
	// Имя контейнеров содержащих баннеры + индекс с 1.Все баннеры должны зваться так.
	var bannerContName = "banner"; 
	var mycarouselPosition = 0;
	// Индекс показываемого элемента - индексация с единицы.
	var mycarouselElement = 1;
	// Ширина одного элемента должны быть забита в css, иначе при удалении будет прыгать.
	var elWidth = 550;
	// Высота одного баннера
	var elHeight = 324;

	/* Список баннеров, которые мы хотим показать. */
	/*var bannerData = [{banner:"data/banners/colors.swf", link:"http://cotexcolors.ru", img:"data/banners/colorsbanner.png"},
						{banner:"data/banners/soft.swf", link:"/ProductsList.aspx", img:"data/banners/soft.png"},
						{banner:"data/banners/konkurs.swf", link:"http://cotexcolors.ru", img:"data/banners/brighter.png"}];*/
	var bannerData = new Array();
	$("#banners-carousel-container div").each(function () {
		var dbanner = $(this).children('span').text();
		var dlink = $(this).children('a').attr('href');
		var dimg = $(this).children('a').children('img').attr('src');
		bannerData.push({banner:dbanner, link:dlink, img:dimg});
	});
	
	$('#btn-digit'+mycarouselElement).addClass('active');
	var carNumElements=$("#banners-carousel-body").find("td").length;
	var mycarouselMax= 0 - elWidth*(carNumElements-1);
	
	/* Функция создания баннера. */
	function create_car_banner(ElementIndex) {
		if (swfobject.hasFlashPlayerVersion("6")) {
			var c = document.getElementById(bannerContName + ElementIndex);
			// Проверяем наличие нашего дива. Если его больше нет - создаём.
			if (!c) {
				var d = document.createElement("div");
				d.setAttribute("id", bannerContName + ElementIndex);
				
				var a = document.createElement("a");
				a.setAttribute("href", bannerData[ElementIndex-1].link);
				
				var i = document.createElement("img");
				i.setAttribute("src", bannerData[ElementIndex-1].img);
				i.setAttribute("width", elWidth);
				i.setAttribute("height", elHeight);
				
				a.appendChild(i);
				d.appendChild(a);
				
				parrent = carousel_container.getElementsByTagName("td")[ElementIndex-1]
				if (parrent) parrent.appendChild(d);
			}
			var att = { data:bannerData[ElementIndex-1].banner, width:elWidth, height:elHeight };
			var par = {"wmode": 'transparent', 'allowScriptAccess': 'always' };
			var id = bannerContName + ElementIndex;
			swfobject.createSWF(att, par, id);
		}
	}
	
	// Создаём первый баннер.
	create_car_banner(1);
	
	$(".btn-right").click( function(){
		$('#btn-digit1, #btn-digit2, #btn-digit3').removeClass('active');
		mycarouselElement +=1;
		mycarouselPosition-=elWidth; 
		var halfPosition=mycarouselPosition+400;
		if( mycarouselPosition < mycarouselMax ){mycarouselElement-=1; mycarouselPosition=mycarouselMax; $("#banners-carousel-body").animate({left:halfPosition},300).animate({left:mycarouselPosition},100) }else{ 
		$("#banners-carousel-body").animate({left:mycarouselPosition},300) }
		$('#btn-digit'+mycarouselElement).addClass('active'); 
		})
		
		
	$(".btn-left").click( function(){
		$('#btn-digit1, #btn-digit2, #btn-digit3').removeClass('active');
		mycarouselElement -=1;
		mycarouselPosition+=elWidth; 
		var halfPosition=mycarouselPosition-400;
		if( mycarouselPosition > 0 ){mycarouselElement=1; mycarouselPosition=0; $("#banners-carousel-body").animate({left:halfPosition},300).animate({left:mycarouselPosition},100) }else{ 
		$("#banners-carousel-body").animate({left:mycarouselPosition},300) }  
		$('#btn-digit'+mycarouselElement).addClass('active');
		})
	
	$("#btn-digit1").click( function(){
		$('#btn-digit1, #btn-digit2, #btn-digit3').removeClass('active');
		mycarouselPosition=0;
		mycarouselElement=1;
		$("#banners-carousel-body").animate({left:0},300);
		$('#btn-digit1').addClass('active');
		for (var i = 1; i <= carNumElements; ++i) {
			if (i != mycarouselElement) 
				swfobject.removeSWF(bannerContName + i);
			else create_car_banner(mycarouselElement);
		}
	})

	$("#btn-digit2").click( function(){
		$('#btn-digit1, #btn-digit2, #btn-digit3').removeClass('active');
		mycarouselPosition=-elWidth;
		mycarouselElement=2;	
		$("#banners-carousel-body").animate({left:-elWidth},300);
		$('#btn-digit2').addClass('active');
		for (var i = 1; i <= carNumElements; ++i) {
			if (i != mycarouselElement) swfobject.removeSWF(bannerContName + i);
			else create_car_banner(mycarouselElement);
		}
	})
		
	$("#btn-digit3").click( function(){
		$('#btn-digit1, #btn-digit2, #btn-digit3').removeClass('active');
		mycarouselPosition=-(elWidth*2);
		mycarouselElement=3;
		$("#banners-carousel-body").animate({left:-(elWidth*2)},300);
		$('#btn-digit3').addClass('active');
		for (var i = 1; i <= carNumElements; ++i) {
			if (i != mycarouselElement) swfobject.removeSWF(bannerContName + i);
			else create_car_banner(mycarouselElement);
		}
	})			
	
	changeBanner = function(){
			$('#btn-digit1, #btn-digit2, #btn-digit3').removeClass('active');
			mycarouselElement +=1;
			mycarouselPosition -= elWidth; 
			
			var halfPosition=mycarouselPosition+400;
			
			if (mycarouselElement > carNumElements ) {
				$("#banners-carousel-body").animate({left:0},300);
				
				create_car_banner(1);
				for (var i=2; i<=carNumElements; ++i) {
					swfobject.removeSWF(bannerContName + i);
				}
				
				mycarouselPosition = 0;
				mycarouselElement = 1;
			}
			else { 
				$("#banners-carousel-body").animate({left:mycarouselPosition},300);
				for (var i=1; i<=carNumElements; ++i) {
					if (i != mycarouselElement) swfobject.removeSWF(bannerContName + i);
					else create_car_banner(i);
				}
			}
			$('#btn-digit'+mycarouselElement).addClass('active');
			//$('#' + bannerContName + mycarouselElement).swfObject();
	}
});