var nextCard ;
var previousCard;
var currentCard;
var NumOfArticles;
var ArticelIntervalId = 0;

function showAjax(id) {
    if (id > NumOfArticles || id < 1)
        i = (id % NumOfArticles);
    else
        i = id;
    if (i == -1) i = NumOfArticles;
    for (j = 1; j <= NumOfArticles; j++){$('img_' + j).src =site_url+"slide_article/images/butt_red_empty.gif";}
    $('img_' + i).src = site_url+"slide_article/images/butt_red_full.gif";
    var url = site_url+"cards/get_Article.asp?id=" + id ;
    div_banner="product"
    if (document.all && document.getElementById(div_banner)){
	    document.getElementById(div_banner).style.filter="blendTrans(duration=1)";
        document.getElementById(div_banner).filters.blendTrans.apply();
        document.getElementById(div_banner).filters.blendTrans.play();
    }
    // var fade = $('product');
    // fade.setOpacity(0);
    new Ajax.Request(url,{method: 'get', onComplete: function(req) { 
      if (req.status == '200' && req.responseText != '') {
         $('product').update(req.responseText);
         if (document.all && document.getElementById(div_banner)){    
             document.getElementById(div_banner).style.filter="blendTrans(duration=1)";
             document.getElementById(div_banner).filters.blendTrans.apply();
             document.getElementById(div_banner).filters.blendTrans.play();
         }
         // new Effect.Opacity('product', {duration:2.5, from:0, to:1});
      }
    } } )
}

function setNextPrevLinks(id){
    if (id < 4) {
        nextCard = id + 1;
        if (id == 1) {
            previousCard = id;
        }
        previousCard = id - 1;
    }
    else {
        nextCard = id;
        previousCard = id - 1;
    }
}

function setNext(id){
    if (id < NumOfArticles + 1)
     {
        if (id == NumOfArticles) {
            currentCard = id;
            previousCard = NumOfArticles - 1;
            nextCard = 1;
        }
        else if (id == 1) {
            currentCard = id;
            previousCard = NumOfArticles;
            nextCard = 2;
        }
        else {
           currentCard = id;
            previousCard = id - 1;
            nextCard = id + 1;
        }
    }
    else {
        currentCard = NumOfArticles - 1;
        previousCard = NumOfArticles - 2;
        nextCard = 1;
    }
}

function setPrevious(id) {
    if (id > 0) {
        if (id == 1) {
            currentCard = id;
            previousCard = NumOfArticles;
            nextCard = 2;
        }
        else
            if (id == NumOfArticles) 
            {
                currentCard = NumOfArticles;
                previousCard = NumOfArticles - 1;
                nextCard = 1;
        }
        else {
            currentCard = id;
            previousCard = id - 1;
            nextCard = id + 1;
        }
    }
}

function RestartArticlesTimer() {
    clearInterval(ArticelIntervalId);
    initArticlesTimer(8000);
}


function initArticlesTimer(time) {
    ArticelIntervalId = setInterval("setNext(nextCard);showAjax(currentCard);", time); 
}



function changeUp(divName, downImgId, upImgId) {
    document.getElementById(divName).style.height = '50px';
    document.getElementById(divName).style.bottom = '60px';
    document.getElementById(downImgId).style.display = 'block'
    document.getElementById(upImgId).style.display = 'none';
    clearInterval(ArticelIntervalId);
}
function changeDown(divName, downImgId, upImgId) {
    document.getElementById(divName).style.height = '10px';
    document.getElementById(divName).style.bottom = '20px';
    document.getElementById(upImgId).style.display = 'block'
    document.getElementById(downImgId).style.display = 'none';
    initArticlesTimer(8000);
}