var smallTimeout = 1000;
   var bigTimeout = 5000;
   var timeoutId;
   
   $("#visszaGomb").click(function(){
		
		pos = $("#navPosition").attr("value")*1;
        //alert(pos);
        ujpos = pos - 8;
        
		if (ujpos<0) ujpos = 0;

        if (pos!=ujpos)
        {
    		$("#navPosition").attr("value",ujpos);
            refreshNav();
		}	
	});
	
	$("#eloreGomb").click(function(){
		
		pos = $("#navPosition").attr("value")*1;
        max = $("#navMax").attr("value")*1;
		ujpos = pos + 8;

        if (ujpos >= max) ujpos = ujpos - 8;

        if (pos!=ujpos)
        {
            $("#navPosition").attr("value",ujpos);
			refreshNav();
        }
	
	});
	
	$("#visszaActGomb").click(function(){
		
		pos = $("#navActual").attr("value")*1;
		pos -= 1;
		if (pos<0) pos = 0;
        else
        {
            $("#showSlide").val("0");
            $("#slideToggle").attr("src", baseUrl + "/gfx/play_w.png");

            $("#navActual").attr("value",pos);
    		refreshAct(pos+1);
        }
	
	});
	
	function MegyJobbra(tip)
    {
      
        pos = $("#navActual").attr("value")*1;
		max = $("#navMax").attr("value")*1;
		
        pos += 1;
		
        if (tip==1)
        {
            if ((pos+1)>max) pos = max-1;
            else
            {
   		        $("#showSlide").val("0");
                $("#slideToggle").attr("src", baseUrl + "/gfx/play_w.png");

                $("#navActual").attr("value",pos);
        		refreshAct(pos-1);
            }
        }
        else if (tip==2)
        {
             iold = 0;
             if ((pos+1)>max) { pos = 0; iold = 1; }


          		if ($("#showSlide").val()==1)
                {
                    $("#navActual").attr("value",pos);

                    if (iold == 1) { refreshAct(max-1); }
                        else { refreshAct(pos-1); }

                        //window.setTimeout("MegyJobbra(2)", bigTimeout);

                }
        }
          
    }
    
    $("#eloreActGomb").click(function(){
	    MegyJobbra(1);	
	});
	

    function refreshNav()
	{
		
        act = $("#navActual").attr("value")*1;
        pos = $("#navPosition").attr("value")*1;
        max = $("#navMax").attr("value")*1;
        
        if (pos==0) $("#visszaGomb").attr("src", baseUrl + "/gfx/up_r.png");
        else $("#visszaGomb").attr("src", baseUrl + "/gfx/up_w.png");

        if ((pos+8) >= max) $("#eloreGomb").attr("src", baseUrl + "/gfx/down_r.png");
        else $("#eloreGomb").attr("src", baseUrl + "/gfx/down_w.png");

    	$("#navThumbs").fadeOut( function(){
        var szam = 0;        
        var vege = pos+7;
        var ujCont = "<table><tr>";
        $.each(jsonAdatok, function(i, val) {
        var kep = $(this).attr("image1");
        var titleStr = $(this).attr("proizvodjac")+" " +$(this).attr("model");
        if (i>=pos && i<=vege) {
        ujCont += '<td class="tablazat" align="center" style="width:58px;">';
        ujCont += '<img id="kep'+i+'" class="kepLink" title="'+titleStr+'" rel="' + i + '" src="' + imurl +'/' + kep[0] + 't' + kep[1] + '" alt="" />';
        ujCont += '</td>';
        szam++;
        }
        });
        ujCont += "</tr></table>";
        $("#navThumbs").html(ujCont).fadeIn();
        $("#kep"+act).css("border-color", "#c60204");
        }
        );

        
	}

	function changeAct(id)
	{
 
        $("#showSlide").val("0");
        $("#slideToggle").attr("src", baseUrl + "/gfx/play_w.png");
       
        pos =  $("#navActual").attr("value") * 1;
        $("#navActual").attr("value", id);

		refreshAct(pos);
	}
	
	function refreshAct(old)
	{
        pos = $("#navActual").attr("value")*1;
        max = $("#navMax").attr("value")*1;

        if (pos==0) $("#visszaActGomb").attr("src", baseUrl + "/gfx/left_r.png");
            else $("#visszaActGomb").attr("src", baseUrl + "/gfx/left_w.png");

        if ((pos+1)==max) $("#eloreActGomb").attr("src", baseUrl + "/gfx/right_r.png");
            else $("#eloreActGomb").attr("src", baseUrl + "/gfx/right_w.png");

		$("#kep"+old).css("border-color", "#FFFFFF");
        $("#kep"+pos).css("border-color", "#c60204");
        
        $("#actBigImage").fadeOut(
        function() {

        $("#actBigImage").html('<img id="navActImg" style="height:225px; border:1px solid black;" src="' + imagesUrl + jsonAdatok[pos].image1[0] + jsonAdatok[pos].image1[1]+ '" onClick="openOglas(jsonAdatok[pos].id, \'polovni-auto\');" />');
            
            $("#navActImg").load(function() {
                    $("#actBigImage").fadeIn(function() {
                        window.clearTimeout(timeoutId);
                        timeoutId = window.setTimeout("MegyJobbra(2)", bigTimeout);    
                    });
            });
        });

		$("#actCarInfo").html(jsonAdatok[pos].proizvodjac + " " + jsonAdatok[pos].model + " - " + jsonAdatok[pos].cena + " EUR");
	}

    $("#kep0").css("border-color", "#c60204");

    $("#slideToggle").click(function() {
        if ($("#showSlide").val()==1)
        {
            $("#showSlide").val("0");
            $(this).attr("src", baseUrl + "/gfx/play_w.png");
            window.clearTimeout(timeoutId);
        }
        else
        {
            $("#showSlide").val("1");
            $(this).attr("src", baseUrl + "/gfx/play_red.png");
            window.clearTimeout(timeoutId);
            timeoutId = window.setTimeout("MegyJobbra(2)", smallTimeout);
        }

    });
    
    function openOglas(id, type)
    {
         window.location = baseUrl + "/" + type + "/" + id + "/";
    }

$(".kepLink").live("click", function(){

		if ($("#showSlide").val()==0 && $(this).attr("rel") == $("#navActual").attr("value")) {
            openOglas(jsonAdatok[$("#navActual").attr("value")].id, 'polovni-auto');
        }
        else {
            changeAct($(this).attr("rel"));
        }

	});


    $(document).ready(function() {
        timeoutId = window.setTimeout("MegyJobbra(2)", bigTimeout);
    });