/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

var openWindow = function(url,wName,w,h) {
    var LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
    var TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
    var settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars=yes,resizable'
    var win = window.open(url,wName,settings)
    return win;
}

var setContentWidth = function() {
    var ww = window.innerWidth;
    // content
    var pr = ((ww-185)/ww)*100;
    $('leftContent').setStyle('width',100-pr+'%');
    $('rightContent').setStyle('width',pr+'%');
    // header
    $('h_logo').setStyle('width','40%');

    $('h_name').setStyle('width','60%');
}

var setWrapperContentHeight = function() {
    if(navigator.appCodeName == 'Mozilla') {
        var wh = window.innerHeight;
        $('wrapperContent').setStyle('height',wh-77+'px');
        $('navContent').setStyle('height',wh-77+'px');
    }
}

var setDetailContentHeight = function() {
    if(navigator.appCodeName == 'Mozilla') {
        var wh = window.innerHeight;
        $('detailContent').setStyle('height',wh-85+'px');
    }
}

var renderUrut = function(cp, wrapperName, className) {
    var tr = document.getElementById(wrapperName).getElements('.'+className);
    var ttr = tr.length;

    // render nomor urut
    if(cp != 0) {
        var i = 0;
        for(i=0; i<ttr; i++) {
            tr[i].cells[0].innerHTML = ((cp-1) * 25) + parseInt(tr[i].cells[0].innerHTML);
        }
    }

    // render warna
    var j = 0;
    for(j=0; j<ttr; j++) {
        $(tr[j]).addEvent('mouseover',function() {
            $$('.'+className).setStyle('background-color','');
            this.setStyle('background-color','#d8e0e7');
        });
    }
}

var formatNumber = function(n,d) {
    var fn = '';
    var ns = n.split(".");
    var la = ns[0].length;
    var r1 = '';
    var r2 = '';
    var r3 = '';
    var r4 = '';
    var r5 = '';
    var r6 = '';
    var r7 = '';
    
    if(la <=3) {
        fn = n
    } else if(la == 4) {
        r1 = ns[0].substring(0, 1);
        r2 = ns[0].substring(1, 4);
        fn = r1 +','+r2+'.'+ns[1];
    } else if(la == 5) {
        r1 = ns[0].substring(0, 2);
        r2 = ns[0].substring(2, 5);
        fn = r1 +','+r2+'.'+ns[1];
    } else if(la == 6) {
        r1 = ns[0].substring(0, 3);
        r2 = ns[0].substring(3, 6);
        fn = r1 +','+r2+'.'+ns[1];
    } else if(la == 7) {
        r1 = ns[0].substring(0, 1);
        r2 = ns[0].substring(1, 4);
        r3 = ns[0].substring(4, 7);
        fn = r1 +','+r2+','+r3+'.'+ns[1];
    } else if(la == 8) {
        r1 = ns[0].substring(0, 2);
        r2 = ns[0].substring(2, 5);
        r3 = ns[0].substring(5, 8);
        fn = r1 +','+r2+','+r3+'.'+ns[1];
    } else if(la == 9) {
        r1 = ns[0].substring(0, 3);
        r2 = ns[0].substring(3, 6);
        r3 = ns[0].substring(6, 9);
        fn = r1 +','+r2+','+r3+'.'+ns[1];
    } else if(la == 10) {
        r1 = ns[0].substring(0, 1);
        r2 = ns[0].substring(1, 4);
        r3 = ns[0].substring(4, 7);
        r4 = ns[0].substring(7, 10);
        fn = r1 +','+r2+','+r3+','+r4+'.'+ns[1];
    } else if(la == 11) {
        r1 = ns[0].substring(0, 2);
        r2 = ns[0].substring(2, 5);
        r3 = ns[0].substring(5, 8);
        r4 = ns[0].substring(8, 11);
        fn = r1 +','+r2+','+r3+','+r4+'.'+ns[1];
    } else if(la == 12) {
        r1 = ns[0].substring(0, 3);
        r2 = ns[0].substring(3, 6);
        r3 = ns[0].substring(6, 9);
        r4 = ns[0].substring(9, 12);
        fn = r1 +','+r2+','+r3+','+r4+'.'+ns[1];
    }

    return fn;
}

window.addEvent('domready',function() {

    setContentWidth();
    setWrapperContentHeight();
    setDetailContentHeight();

    $$('.content_item').addEvent('mouseover',function() {
        $$('.content_item').setStyle('background-color','');
        this.setStyle('background-color','#efefef');
    });

    $$('.content_item').addEvent('click',function() {
        window.location = this.getElements('a').get('href');
    });
});

window.addEvent('resize',function() {
    setContentWidth();
    setWrapperContentHeight();
    setDetailContentHeight();
});