﻿//using jquery-1.3.2.min.js

$(document).ready(function() {
    
    targetClass = 'abstract'
    toggleClass = 'toggle'
    
    toggleShowText = 'View Abstract'
    toggleHideText = 'Close Abstract'
    
    hideClass = 'hidden'
    indexClassPrefix = 'target_'
    


    $('.' + targetClass).each( function( i ) {
        
        indexClass = indexClassPrefix + i
        
        $(this).before('<p><a class="' + toggleClass + ' ' + indexClass + '" href="#">'
                                       + toggleShowText + '</a></p>')
               .addClass(indexClass)
               .addClass(hideClass)
    })


    $('.' + toggleClass).click( function() {

        indexClass =  $(this).attr('class').split(' ').slice(-1)
        target = $('.' + targetClass + '.' + indexClass)
        
        if ( target.hasClass(hideClass) ){
            target.removeClass(hideClass)
            $(this).text(toggleHideText)
        }
        else {
            target.addClass(hideClass)
            $(this).text(toggleShowText)
        }
        
        return false
    })

})