// -------------------------------------------------------
// Articles
//
// $Id: articles.js,v 1.1 2009/01/24 11:53:31 steve Exp $
//
// -------------------------------------------------------

function init_articles() {

    $('img.articleSummaryImg').click( toggleArticleSummary )
    $('a.articleFullArticleLink').click( loadFullArticle )
    $('img.articleFullClose').click( closeFullArticle )
    $('div.article').mouseover(
        function() {
            $(this).addClass('articleOver')
        })
    $('div.articleSelected').mouseover(
        function() {
            $(this).addClass('articleOver')
        })
    $('div.article').mouseout(
        function() {
            $(this).removeClass('articleOver')
        })
    $('div.articleSelected').mouseout(
        function() {
            $(this).removeClass('articleOver')
        })

    //addMouseOverAndOut(document.getElementById('img.articleSummaryImg'))
}

function toggleArticleSummary() {

    var elem   = $(this)
    var thisId = $(this).attr('id').split('_')
    thisId     = thisId[1]

    $('img.articleSummaryImg').each(
        function() {
            var src = $(this).attr('src')
            var id  = $(this).attr('id').split('_')
            id      = id[1]
            if (thisId == id) {
                if (src.match(/doubleArrow.gif/)) {
                    src = src.replace(/doubleArrow.gif/, 'doubleArrowLeft.gif')
                    $('div#article_' + id).addClass('articleSelected')
                    $('div#article_' + id).removeClass('article')
                    $('div#articleSummary_' + id).show()
                    $('div#articleFull_' + id).hide()
                 } else {
                    src = src.replace(/doubleArrowLeft.gif/, 'doubleArrow.gif')
                    $('div#article_' + id).removeClass('articleSelected')
                    $('div#article_' + id).addClass('article')
                    $('div#articleSummary_' + id).hide()
                    $('div#articleFull_' + id).hide()
                 }
                 $(this).attr('src', src)
            } else {
                $('div#article_' + id).removeClass('articleSelected')
                $('div#article_' + id).addClass('article')
                if (src.match(/doubleArrowLeft.gif/)) {
                    $(this).attr('src', src.replace(/doubleArrowLeft.gif/, 'doubleArrow.gif'))
                }
                $('div#articleSummary_' + id).hide()
                $('div#articleFull_' + id).hide()
            }
        })
}

function loadFullArticle() {

    var id = $(this).attr('id').split('_')
    id     = id[1]
    
    $.ajax({
              url:      SITEURL + '?Action=getFullArticle&Id=' + id,
              dataType: 'text',
              timeout:  40000,
        error:
            function() {
                return false;
            },
        success:
            function(data) {
                data = jsonData(data)
                if (data.Error) {
                    alert(data.Error)
                } else {
                    var article = "<h3 align='center'>" + data.Title + "</h3>" + jsonDecode(data.Article)
                    $('div#articleFullText').html(article)
                    $('div#articlesList').hide()
                    $('div#articleFull').show()
                }
            }
    })
}

function closeFullArticle() {

    var id = $(this).attr('id').split('_')
    id     = id[1]

    $('div#articleFull').hide()
    $('div#articlesList').show()
}