var turns = 0; // how many times have been the banners restarted

$(document).ready(function(){

    banner_count = bcnt;
    szazalek = 0;
    bannerIndex = 1;
    pauseBool = 0;

    banAreaWidth = $("#bannerArea").width();
    banAreaHeight = $("#bannerArea").height();
    navWidth = 41+banner_count*27;
    $("#navigation").css({width : navWidth +'px', marginTop : banAreaHeight-24 +"px", marginLeft : banAreaWidth-navWidth-2 +"px"});

    $("li.led").each(function(){
        elem = $(this);
        var id = $(this).attr("id");
        var image = ""+dynamicUrl+"/gfx/pages/" + $(this).html();
        var url = $(this).attr("title");
        var blank = $(this).attr("rel");
        
        if (id == 1) {
            elem.after("<img class=\"ledek\" id=\"led" + id + "\" url=\"" + url + "\" imgurl=\"" + image + "\" style=\"border:0px none rgb(0, 0, 0);margin: 0px; float:left; position: absolute; border-right: 1px solid #c7e2e9;\" onClick=\"goAnother(" + id +", '" + image + "', 1, '" + url +"', '" + blank + "');\" src=\""+dynamicUrl+"/gfx/banner/led_active.png\" rel=\""+blank+"\" />");
        }
        else {
            elem.after("<img class=\"ledek\" id=\"led" + id + "\" url=\"" + url + "\" imgurl=\"" + image + "\" style=\"border:0px none rgb(0, 0, 0);margin: 0px; margin-left: " + ((id-1)*27) + "px; float:left; position: absolute; border-right: 1px solid #c7e2e9;\" onClick=\"goAnother(" + id +", '" + image + "', 1, '" + url +"', '" + blank + "');\" src=\""+dynamicUrl+"/gfx/banner/led_empty.png\" rel=\""+blank+"\" />");
        }
        
        elem.remove();

    });
        
    content = $("#leds").html();
    $("ul#leds").replaceWith("<span style=\"padding: 0px; margin: 0px;\">" + content + "</span>");

    $("img.ledek").mouseover(function(){
        if ($(this).attr('src') != ""+dynamicUrl+"/gfx/banner/led_active.png")
        $(this).attr('src', ""+dynamicUrl+"/gfx/banner/led_hover.png");
    }
    );

    $("img.ledek").mouseout(function(){
        if ($(this).attr('src') ==  ""+dynamicUrl+"/gfx/banner/led_hover.png")
        $(this).attr('src', ""+dynamicUrl+"/gfx/banner/led_empty.png");
    }
    );

    goNext();
	
});

function goAnother(id, image, megall, url, blank)
{

    if (id==1) {
        turns++;
    }

    $("#bannerLastImage").attr("src", $("#bannerImage").attr("src"));
	$("#bannerImage").hide();
	$("#UjBecsusz").hide();
	
	$("#UjBecsusz").animate({width: 0}, 1, function(){

		$("#bannerImage").attr("src", image);
		$("#bannerUrl").attr("href", url);
        if (blank == 'blank') {
		    $("#bannerUrl").attr("target", "_blank");
        }
        else {
            $("#bannerUrl").removeAttr("target");
        }
        $urlparts = url.split('?b=');
        if (turns==0) {
            $.ajax({
                url: dynamicUrlAjax+'/banner/av?b='+$urlparts[1],
                type: 'get'
            });
        }

		$("#bannerImage").show();
		$("#UjBecsusz").show();
		$("#UjBecsusz").animate({width: $("#bannerImage").attr("width")}, 1500);
	});
	
	bannerIndex = id;
	
	$("#led"+id).attr("src", ""+dynamicUrl+"/gfx/banner/led_active.png");
	
	$("#ora canvas").css({marginLeft: (id)*27});
		
	for (var i=1; i<6; i++)
	{
		if (i != id && $("#led"+(i)).attr("src") != ""+dynamicUrl+"/gfx/banner/led_hover.png"  ) $("#led"+(i)).attr("src", ""+dynamicUrl+"/gfx/banner/led_empty.png");
	}
	
	if (megall)
	{
		pauseBool = 1;
		$("#buttonImage").attr("src", ""+dynamicUrl+"/gfx/banner/btn_start.png");
	}
}

function pauseButton()
{
	var most = pauseBool;
	
	if (most == 0) 
	{
		pauseBool = 1;
		$("#buttonImage").attr("src", ""+dynamicUrl+"/gfx/banner/btn_start.png");
	}
	else 
	{
		pauseBool = 0;
		$("#buttonImage").attr("src", ""+dynamicUrl+"/gfx/banner/btn_pause.png");
	}
}

function goNext()
{
		
	if (pauseBool!=1)
	{
		id = bannerIndex;
		++szazalek;
		$("#ora canvas").css({marginLeft: (id)*27});
		var x = 3;
		var y = 4;
		var r = 14;
		var fok = fokSzam(szazalek);
		
		if (!$.browser.opera && !$.browser.msie) {
            $("#ora").fillArc(x, y, r, 90, fok, {color: '#5186b3'}).fillArc(x, y, r, fok, 90, {color: '#104672'});
		}

		if (szazalek == 100)
		{
			szazalek = 0;
			++id;
	
			if (id>banner_count) {id = 1;}
  	
			bannerIndex = id;
			$("#led"+id).attr("src", ""+dynamicUrl+"/gfx/banner/led_active.png");
			
			var url = $("#led"+id).attr("url");
			var image = $("#led"+id).attr("imgurl");
			var blank = $("#led"+id).attr("rel");
			if (id!=1) $("#led"+(id-1)).attr("src", ""+dynamicUrl+"/gfx/banner/led_empty.png");
			else $("#led"+banner_count).attr("src", ""+dynamicUrl+"/gfx/banner/led_empty.png");
  
			goAnother(id, image, 0, url, blank);
		}
		window.setTimeout("goNext()", 80);
	}
	else
	window.setTimeout("goNext()", 100);
}

function fokSzam(szazalek)
{
	if (szazalek == 0) szazalek = 1;
	var fok = 90 - (szazalek * 3.6);
	return fok;
}
