/* parameter untuk menjalankan fungsi openContent ini adalah
 1. Element trigger (link) yang akan membuka content apabila di click
 2. Id dari content yang akan ditampilkan
*/
/* Update 08 Maret 2009
     -> Slideshow diberikan animasi otomatis berpindah-pindah content
*/
// siapkan variable timer yang akan menyimpan fungsi animasi
var timer = null;
function openContent(trigger,divID,divText){
    // semua link pada div dengan id='divTrigger' akan di setarakan style-nya menjadi style normal
    $('#divTrigger a').each(
        function(){
            $(this).css({'background-color':'#063C78','color':'#0093d9','font-weight':'normal'});
        }
    );
    // semua div di dalam element dengan id='divContent' disembunyikan
    $('#divContent div').hide();
    $('#divText div').hide();

    // div yang akan ditampilkan diberi efek fadeIn (built-in dari JQuery) ketika ditampilkan
    $('#'+divID).fadeIn('slow');
    $('#'+divText).fadeIn('slow');

    // link menjadi trigger diberi style berbeda dengan link lainnya agar dapat diketahui content nomor berapa yang sedang aktif
    $(trigger).css({'background-color':'#FFF','color':'#000','font-weight':'bold'});

    // Update 08 Maret 2009
    // timer di set
    if(timer != null) clearTimeout(timer);
    timer = setTimeout(
      function(){
        /* Cek terlebih dahulu apakah link yang sedang di-click saat ini ada link lagi setelah itu
           apabila tidak ada link lagi setelah element yang sedang di-click maka pilih element link pertama
           dengan selector ':first' dari jquery. Setelah sudah ditentukan link, maka lakukan event click
           pada link tersebut. Setiap link yang di click akan menjalankan fungsi ini sehingga terjadi animasi
           perpindahan content slideshow.
        */
        var nextAnchor = ($(trigger).next('a').text() == '') ? $('#divTrigger a:first') : $(trigger).next('a');
        nextAnchor.click();
      }, 3000 // 3 detik waktu perpindahan content
    );
}
$(document).ready(
    function(){
        // untuk permulaan, tampilkan content nomor pertama '#firstSlide' adalah id dari trigger yang akan membuka content nomor pertama
        openContent($('#firstSlide'),'div1','divText1');
    }
)