//(function($){
$(document).ready(function(){
    /*
     *                           Slidebox
     *                         
     * Description: Slide a box up and down when click on image dart.gif
     * Example:
     *    <h1 id="news" class="slide">NEWS</h1>
     *    <div id="news-body">news is here</div>
     *    
     * Dependences: jQuery
     */

    // add dart to each element with class slide 
    $("h3.slide").prepend('<img src="'+ BASE_PATH + '/images/dart-green.gif" class="dart" />');
    $("h3.slide-off").prepend('<img src="'+ BASE_PATH + '/images/dart-green-right.gif" class="dart" />');
    $("h3.noslide").prepend('<img src="'+ BASE_PATH + '/images/dart-off.gif" class="dart" />'); 
    $("h3.slide a, h3.slide-off a").hide();

    // event for animation 
    $("h3.slide img").click(function(){
	slideBox($(this, 'fast'));
    });
    $("h3.slide-off img").click(function(){
	slideBox($(this, 'fast'));
    });
    
    // hide/display more info
    $("h3.slide, h1.slide-off").mouseover(function(){
	$(this).children('a').show();
    });  
    $("h3.slide, h1.slide-off").mouseout(function(){
	$(this).children('a').hide();
    });


    // event for animation 
    $("a.slide").click(function(){
	var id = $(this).attr('id');
	$('#'+id+'-slidebody').slideToggle('fast');
    });
});


function slideBox($this, time){
    var id = $this.parent().attr("id");          // get id
    $("#" + id + "-body").slideToggle(time);     // toggle body
    var dart = $("#" + id + " img").attr("src");   // toogle dart
    if (dart == BASE_PATH + "/images/dart-green.gif") {
	var src = BASE_PATH + '/images/dart-green-right.gif';
	$("#" + id + " .dart").attr("src", src);
    }
    if (dart == BASE_PATH + "/images/dart-green-right.gif") {
	var src = BASE_PATH + '/images/dart-green.gif';
	$("#" + id + " .dart").attr("src", src);
    }
}; 

function func(){};