var newsArticle = null;
var currentnewsArticle = 0;

function initnewsArticle() {
    newsArticle = $('homeNewsContent').getChildren();
	
    for (var i = 0; i < newsArticle.length; i++) {
        var item = $(newsArticle[i]);
        
        item.newsArticleID = i;
        item.setStyle("position", "absolute");
        item.setStyle("top", "0");
        
        if (i == 0) { 
            item.setStyle("left", "0px");
        } else {
            item.setStyle("left", "230px");
        }
    }
    
    $("homeNewsScrollLeft").addEvent("click", newsArticleClickBack);
    $("homeNewsScrollRight").addEvent("click", newsArticleClickForward);
    
    if (newsArticle.length == 1) {
        $("homeNewsScrollLeft").setStyle("display", "none");
        $("homeNewsScrollRight").setStyle("display", "none");
    }
}

function newsArticleClickBack() {
    var currentnewsArticleID  = currentnewsArticle;
    var previousnewsArticleID = currentnewsArticleID;
    
    if (currentnewsArticleID == 0) {
        previousnewsArticleID = newsArticle.length - 1;
    } else {
        previousnewsArticleID = currentnewsArticleID - 1;
    }
    
    currentSlideFx  = new Fx.Styles("newsArticle-" + currentnewsArticleID, { duration: 400 }); 
    previousSlideFx = new Fx.Styles("newsArticle-" + previousnewsArticleID, { duration: 400 });
    
    currentSlideFx.start({ 'left': [0, 230] });
    previousSlideFx.start({ 'left': [-230, 0] });
    
    currentnewsArticle = previousnewsArticleID;
	
	var counterDiv = document.getElementById('homeNewsCount');
	counterDiv.innerHTML = (currentnewsArticle  + 1) + ' of 3';
}

function newsArticleClickForward() {
    var currentnewsArticleID = currentnewsArticle
    var nextnewsArticleID    = currentnewsArticleID;
    
    if (currentnewsArticleID == (newsArticle.length - 1)) {
        nextnewsArticleID = 0;
    } else {
        nextnewsArticleID = currentnewsArticleID + 1;
    }
    
    currentSlideFx = new Fx.Styles("newsArticle-" + currentnewsArticleID, { duration: 400 }); 
    nextSlideFx    = new Fx.Styles("newsArticle-" + nextnewsArticleID, { duration: 400 });
    
    currentSlideFx.start({ 'left': [0, -230] });
    nextSlideFx.start({ 'left': [230, 0] });
    
    currentnewsArticle = nextnewsArticleID;
	
	var counterDiv = document.getElementById('homeNewsCount');
	counterDiv.innerHTML = (currentnewsArticle  + 1) + ' of 3';
}