$(document).ready(function(){
    var newsBlock = document.getElementById('news-items');
    var pauseCookie = getCookie('pause');
    
    // insert the News
    if(myLastNews.length > 0) {
        for(var idx = 0, l = myLastNews.length; idx < l; idx++ ) {
            var item = document.createElement('div');
            item.className = 'item item-' +  myLastNews[idx].id;
            
            var img = document.createElement('img'); //news img
            img.src = '/uploads/news/' + myLastNews[idx].img;
            
            var a = document.createElement('a'); //news title
            a.href = '/news/' + myLastNews[idx].id + '/';
            a.innerHTML = myLastNews[idx].title;
            
            var imgFade = document.createElement('img'); //fade-out pic
            imgFade.src = '/templates/main/images/fade-out.png';
            imgFade.className = 'fade-out';
            
            item.appendChild(img);
            item.appendChild(a);
            item.appendChild(imgFade);
            
            newsBlock.appendChild(item);
        }
    }
    newsBlock = $(newsBlock); //re-declare the variable
    var blockWidth = $('#news-container').width();
    var itemWidth = blockWidth/2;
    var itemsCount = $('#news-items div.item').length;
    var animSpeed = 2000;
    var animDelay = 7000;
    var nPreview = $('#nPreview');
    nPause = !!pauseCookie;
    nDirection = -1;
    var shiftY = ($.browser.msie) ? -230 : 0;
    var shiftX = ($.browser.msie) ? -70 : 20;
    
    $('#news-container').css('width', blockWidth);
    $('#news-items').css('width', (blockWidth * itemsCount)/2 );
    $('#news-items div.item').css('width', (itemWidth-36) );
    
    //hover
    $('#news-items div.item').mouseover(function(e){
			newsBlock.stop();
            nPreview.html( $(this).html() );
            nPreview.css({'left':e.clientX+shiftX, 'top':90+shiftY});
            nPreview.removeClass("hidden");
            nPreview.fadeIn(300);
            nPause = (true && !!pauseCookie);
    });
    
    $('#news-items div.item').mouseout(function(){
            nPreview.fadeOut(10);
            nPreview.html('');
            nPreview.addClass("hidden");
            nPause = !!pauseCookie || false;
    });
    
    moveNews = function(nDirection) {
        var d = 0 + nDirection*itemWidth;
        newsBlock.animate(
            { left: d+'px'}, 
            animSpeed, 
            "swing", 
            function() { //callback
                $('#news-items div.item:first').appendTo(newsBlock);
                newsBlock.css('left', '0px');
            }
        ) //end animate
    } //end move
    
    var timer = self.setInterval("if (!nPause) {moveNews(nDirection)}",animDelay);
    
    //Play and Pause buttons
    $('#bPause').click(function(){
        nPause = true;
        setCookie('pause','true',30);
    });
    $('#bPlay').click(function(){
        nPause = false;
        delCookie('pause');
    });
});