var oldImg=1;
var nextImg;
var slideTimer;

function rotate(imgNo){
    clearTimeout(slideTimer);
    if (imgNo==0) imgNo++;
    oldX=-680*(oldImg-1);
    newX=-680*(imgNo-1);
    $('#glbtn'+oldImg).attr('class', 'button');
    $('#glbtn'+imgNo).attr('class', 'button active');
    oldImg = imgNo;
    t1 = new Tween(document.getElementById('image_reel').style,'left',Tween.strongEaseOut, oldX, newX,0.5,'px');
    t1.start();
    changeText(imgNo);
    slideTimer=setTimeout("sliderNextSlide()", 10000);  
};

function changeText(imgNo){
    document.getElementById('desc_title').innerHTML='<a href='+slides[imgNo-1][4]+'>'+slides[imgNo-1][0]+'</a>';
    document.getElementById('desc_text').innerHTML=slides[imgNo-1][1];
    document.getElementById('desc_readmore').innerHTML='<a href="'+slides[imgNo-1][4]+'">Saznaj više</a>';
    if (slides[imgNo-1][3]==''){
    	slides[imgNo-1][3]='#383429';
    }
    $("#gallery_desc").animate( { backgroundColor: slides[imgNo-1][3] }, 500);
    tmbNo=imgNo+1;
    if (tmbNo==(slides.length)){
    	tmbNo=1;
    }
    document.getElementById('next_slide').innerHTML='<img src="'+slides[tmbNo-1][2]+'" />';
};

var slides=new Array();

function sliderDataParser($data){
    var dataRow=$data.split("$");
    for(var i in dataRow){
        slides[i]=dataRow[i].split("~");
    }
    sliderStart();
}

function sliderStart(){
    slideTimer=setTimeout("sliderNextSlide()", 10000);   
}

function sliderNextSlide(){
    nextImg=(oldImg+1)%(slides.length);
    rotate(nextImg);
}