/* Article auto play */
var articleCount;
var currentArticleId;
var articlePrefix = "h-";
var timerDuration = 5000;
var articleArray = new Array();
var timeout, articles;

function changeArticle(nextArticleIndex, bAutoplay){
    var nextArticleId;
    if (bAutoplay){        
        nextArticleId = articlePrefix+articleArray[nextArticleIndex][1];
        if (nextArticleIndex<(articleArray.length-1)){
        nextArticleIndex = articleArray[nextArticleIndex+1][0];
        }
        else{
            nextArticleIndex=articleArray[0][0];
        }        
        timeout = setTimeout("changeArticle("+nextArticleIndex+" ,true)", timerDuration);
    }
    else{
        clearTimeout(timeout);
        nextArticleId = articlePrefix+nextArticleIndex;
    }
    
    if (currentArticleId!=nextArticleId){
        toggleArticle(currentArticleId);
        toggleArticle(nextArticleId);
    }
    
    currentArticleId = nextArticleId;
}

function toggleArticle(articleId){
    var article = document.getElementById(articleId);
    var bg = YAHOO.util.Dom.getElementsByClassName("ht_bg", "span", article)[0];
    var image = YAHOO.util.Dom.getElementsByClassName("highlights-showcase", "a", article)[0];
    var attributes;
    if (YAHOO.util.Dom.hasClass(article, "selected")){
        YAHOO.util.Dom.removeClass(article, "selected");
        attributes = {
          opacity: {
             to: 0
          }
       };
    }
    else{
       YAHOO.util.Dom.addClass(article, "selected");
       attributes = {
          opacity: {
             to: 1
          }
       };
    }
    
    var anim = new YAHOO.util.Anim([image, bg], attributes, 1, YAHOO.util.Easing.easeOut);
    anim.animate();  
}

function autoPlayArticles(){
    var wrapper = YAHOO.util.Dom.getElementsByClassName("highlights")[0];
    
    articles = wrapper.getElementsByTagName("LI");
    initArticleArray(articles);
}

function initArticleArray(articles){
    var arrayIndex=0;
    
    for (var i=0; i<articles.length; i++){
        /*articles[i].onmouseover = function(){
                                   clearTimeout(timeout);
                                  };*/
        articles[i].onmouseout  = function(){
                                    var nextArticleIndex = articleArray[0][0];
                                    /*if (currentArticleId!= articleArray[0][1]){
                                        nextArticleIndex = articleArray[0][0];
                                    }
                                    else{
                                        nextArticleIndex = articleArray[1][0];
                                    }*/
                                    timeout = setTimeout("changeArticle("+nextArticleIndex+", true)", 2000);
                                  };
        
        if (hasArticleImage(articles[i])!=""){
            articleArray[arrayIndex]=new Array();
            articleArray[arrayIndex][0]=arrayIndex;
            articleArray[arrayIndex][1]=i;
            arrayIndex++;
        }
    }
    
    if (articleArray.length>0){
        var articleId = articlePrefix+articleArray[0][1];
        var article = document.getElementById(articleId);
        var bg = YAHOO.util.Dom.getElementsByClassName("ht_bg", "span", article)[0];
        var link = YAHOO.util.Dom.getElementsByClassName("highlights-showcase", "a", article)[0];
        YAHOO.util.Dom.setStyle([bg, link], "opacity", "1")
        YAHOO.util.Dom.setStyle([bg, link], "filter", "alpha(opacity=100)");
        YAHOO.util.Dom.addClass(article, "selected");
    }
    
    if (articleArray.length>1){
        currentArticleId = articlePrefix+articleArray[0][0];;
        var nextArticleIndex = articleArray[1][0];
    
        timeout = setTimeout("changeArticle("+nextArticleIndex+", true)", timerDuration);
    } 
}

function hasArticleImage(article){
    var link = YAHOO.util.Dom.getElementsByClassName("highlights-showcase", "a", article)[0];
    var image = YAHOO.util.Dom.getElementsByClassName("article_image", "img", link)[0];
    image = new YAHOO.util.Element(image); 
    var source = image.get("src");
    return isImageSrc(source);
}

function isImageSrc(source){
    if (source.indexOf(".jpg")!=-1 || source.indexOf(".jpeg")!=-1 || source.indexOf(".gif")!=-1 || source.indexOf(".png")!=-1 || source.indexOf(".bmp")!=-1 || source.indexOf(".JPG")!=-1 || source.indexOf(".JPEG")!=-1 ||source.indexOf(".GIF")!=-1 || source.indexOf(".PNG")!=-1 || source.indexOf(".BMP")!=-1){
        return true;
    }
    else{
        return false;
    }
}

function setArticleImage(targetArticle, sourceArticle){
    var targetLink = YAHOO.util.Dom.getElementsByClassName("highlights-showcase", "a", targetArticle)[0];
    var sourceLink = YAHOO.util.Dom.getElementsByClassName("highlights-showcase", "a", sourceArticle)[0];
    targetLink.innerHTML = sourceLink.innerHTML;
}