/**
 * Dipakai untuk index-harian, index-gepok dan index-topik
 */
$.fn.xBerita = function(opts) {
    var defaults = {
        x: ''
    };
    var opts = $.extend(defaults, opts);

    var pLayout = $(opts.x).parent().prev().find('b.vertikal');

    var apiList = $(this).find('.scrollindex').scrollable({
        //return $(this).find('.scrollindex').scrollable({
        size: 3,
        clickable: false,
        onSeek: function() {
            pLayout.show();
            hAktif = this.getPageIndex() + 1;
            tot = this.getSize();
            totHal = this.getPageAmount();
            $(opts.x + ' div.index-item').html('Halaman <strong>' + hAktif + '</strong> dari <strong>' + totHal + '</strong> (total ' + tot + ' berita)');
        }
    });
	pLayout.parent().parent().next().find('.items').css({
		'position':
		'relative',
		'left': 0
	}).width(640);
	pLayout.hide();
	pLayout.parent().parent().next().find('.index-item, a.browse').hide();
	pLayout.parent().find('b.horizontal').show();
};

jQuery(function($) {

    var pilLayout = $('.pilih-layout b');
    pilLayout.hide();

    pilLayout.click(function() {
        var t = $(this);
        switch (t.attr('class')) {
        case 'vertikal':
            t.parent().parent().next().find('.items').css({
                'position':
                'relative',
                'left': 0
            }).width(640);
            t.hide();
            t.parent().parent().next().find('.index-item, a.browse').hide();
            t.parent().find('b.horizontal').show();
            break;
        case 'horizontal':
            t.parent().parent().next().find('.items').css('position', 'absolute').width(200000);
            t.hide();
            t.parent().parent().next().find('.index-item, a.browse').show();
            t.parent().find('b.vertikal').show();
            break;
        }
        return false;
    });

    setEqualHeight($(".scrollindex > .items li"));
    setEqualHeight($("ul.boxes li"));

    $('ul.boxes li').hover(function() {
      $(this).addClass('over');
      $(this).find('h2.rubrik').addClass('over');
    },
    function() {
      $(this).removeClass('over');
      $(this).find('h2.rubrik').removeClass('over');
    });
    
    $("ul.boxes li").click(function(){
      window.location = $(this).find('h3.title a').attr("href");
      return false;
    });


    // mulai edit
    $('#index-nasional').xBerita({x: '.index-nasional'});
    $('#index-metro').xBerita({x: '.index-metro'});
    $('#index-bisnis').xBerita({x: '.index-bisnis'});
    $('#index-olahraga').xBerita({x: '.index-olahraga'});
    $('#index-teknologi').xBerita({x: '.index-teknologi'});
    $('#index-gayahidup').xBerita({x: '.index-gayahidup'});
    $('#index-internasional').xBerita({x: '.index-internasional'});
    $('#index-senihiburan').xBerita({x: '.index-senihiburan'});
    $('#index-selebritas').xBerita({x: '.index-selebritas'});
    $('#index-otomotif').xBerita({x: '.index-otomotif'});
    $('#index-terkini').xBerita({x: '.index-terkini'});
    $('#index-pilihan').xBerita({x: '.index-pilihan'});
    $('#index-infografis').xBerita({x: '.index-infografis'});
    $('#index-foto').xBerita({x: '.index-foto'});
    $('#index-fokus').xBerita({x: '.index-fokus'});
    $('#index-selusur').xBerita({x: '.index-selusur'});
    $('#index-opini').xBerita({x: '.index-opini'});
    $('#index-caping').xBerita({x: '.index-caping'});
    $('#index-kolom').xBerita({x: '.index-kolom'});
    $('#index-cariangin').xBerita({x: '.index-cariangin'});
    $('#index-pemilu').xBerita({x: '.index-pemilu'}); 
    $('#index-topik').xBerita({x: '.index-topik'});

$('#index-pojok').xBerita({x: '.index-pojok'});
$('#index-ruangganti').xBerita({x: '.index-ruangganti'});
$('#index-tribun').xBerita({x: '.index-tribun'});
$('#index-pemanasan').xBerita({x: '.index-pemanasan'});
$('#index-lebaran').xBerita({x: '.index-lebaran'});

    //cadangan buat apasaja sebagai standalone
    $('#scrollable').xBerita({x: '.no-index'});
    // tambah lagi di sini kalo perlu dengan pola ganti kata "ganti" dengan nama "rubrik", 
    // sesuaikan dengan CSS di konten-index-harian.php, konten-index-gepok.php,konten-index-topik.php
    //$('#index-ganti').xBerita({x: '.index-ganti'});
}); // jQuery closed
