jQuery(function($) {
    $.ajaxSetup({
        cache: true
    });
    var ajaxLoad = '<div class="loading"><img src="/2010/images/loading.gif" alt="loading..." /></div>';
    $("ul#tab-pendapat li a").click(function() {
        var itm = $("ul#tab-pendapat li a");
        itm.removeClass("selected");
        $(this).addClass("selected");
        var loadPendapat = $(this).attr("href");
        $("#tab-pendapat-content").html(ajaxLoad).load(loadPendapat).fadeIn('slow');
        return false;
    }).eq(0).addClass("selected");
    
    $("#block-blog h2 a").click(function() {
        var loadBlog = $(this).attr("href");
        $("#blog-content").html(ajaxLoad).load(loadBlog).fadeIn('slow');
        return false;
    });

    $('.fokus .items a').click(function() {
        var itm = $(".fokus .items a");
        var itmIndex = itm.index(this) + 1;
        var total = itm.length;
        itm.removeClass("active");
        $(this).addClass("active");
        $(".fokus .index-item").text(itmIndex + ' DARI ' + total);
        var loadFokus = $(this).attr("href");
        $("#ajax-fokus").html(ajaxLoad).load(loadFokus).fadeIn('slow');
        return false;
    }).eq(0).click();
    
    $('.infografis .items a').click(function() {
        var itm = $(".infografis .items a");
        var itmIndex = itm.index(this) + 1;
        var total = itm.length;
        itm.removeClass("active");
        $(this).addClass("active");
        $(".infografis .index-item").text(itmIndex + ' DARI ' + total);
        var loadInfo = $(this).attr("href");
        $("#ajax-infografis").html(ajaxLoad).load(loadInfo).fadeIn('slow');
        return false;
    }).eq(0).click();

    $('.fotoslide .items a').click(function() {
        var itm = $(".fotoslide .items a");
        var itmIndex = itm.index(this) + 1;
        var total = itm.length;
        itm.removeClass("active");
        $(this).addClass("active");
        $(".fotoslide .index-item").text(itmIndex + ' DARI ' + total);
        var loadFoto = $(this).attr("href");
        $("#ajax-fotoslide").html(ajaxLoad).load(loadFoto).fadeIn('slow');
        return false;
    }).eq(0).click();
	
	$('.video .items a').click(function() {
        var itm = $(".video .items a");
        var itmIndex = itm.index(this) + 1;
        var total = itm.length;
        itm.removeClass("active");
        $(this).addClass("active");
        $(".video .index-item").text(itmIndex + ' DARI ' + total);
        var loadFoto = $(this).attr("href");
        $("#ajax-video").html(ajaxLoad).load(loadFoto).fadeIn('slow');
        return false;
    }).eq(0).click();

    var darkApi = $(".scrollinset").scrollable({
        api: true
    });
    var cleanApi = $(".scrollable").scrollable({
        size: 4
    });

});