window.onload = function() {
    hideIndicator();
    bindWhatHot();
    //bindMA();
    //sameHeight();
    //alert('a');
}

function bindMA() {
    //14 -> jumlah photo avatar didepan
    document.getElementById('divMA1').innerHTML = "<div style=\"width:458px; padding-top:20px; padding-bottom:20px; text-align:center; \"><img border=\"0\" src=\"themes/default/images/indicatorOrangeBgTrans.gif\" /></div> ";
    document.getElementById('divMA2').innerHTML = "";
    WCFGeneral.JSON_getMemberAvatar(14, bindMAOnComplete, bindMAOnError);
}

function bindMAOnComplete(result) {
    result = eval(result);
    var ma = 0;
    for (var i = 0; i < result.length; i++) {
        if (i % 7 == 0) {
            ma++;
            document.getElementById('divMA' + ma).innerHTML = "";
            document.getElementById('divMA' + ma).style.display = "";
        }
        document.getElementById('divMA' + ma).innerHTML = document.getElementById('divMA' + ma).innerHTML + "<a href=\"profile/" + MyURLDecode(result[i].screenName) + "\"><img onerror=\"noSMPic(this);\" src=\"support/gambar.member/A/" + MyURLDecode(result[i].screenName) + "/0\" class=\"border1\" style=\"margin-right:3px;\" title=\"" + MyURLDecode(result[i].realName) + "\" width=\"50px\" height=\"50px\" /></a>";
        
    }
    //alert(result);
}

function bindMAOnError(result) {
    //alert(result.get_message()); 
} 


function imgOn(i) {
    document.getElementById('divImage' + i).style.display = "";
    document.getElementById('divImageInd' + i).style.display = "none";
}

function bindDisplayAlbum(ran) {
    for (var i = 0; i < 4 ; i++) {
        //document.getElementById('divImage' + i).innerHTML = "<div style=\"width:100%; height:40px;\"></div><img border=\"0\" id=\"imgAlbum" + i + "\" onerror=\"replaceNoThumb(this);\" src=\"themes/default/images/indicatorOrangeBgTrans.gif\" /> ";
        //document.getElementById('divImage' + i).innerHTML = "";
        document.getElementById('divTitle' + i).innerHTML = "";
        document.getElementById('divAlbum' + i).innerHTML = "";
        document.getElementById('divName' + i).innerHTML = "";
        document.getElementById('divImage' + i).style.display = "none";
        document.getElementById('divImageInd' + i).style.display = "";
    }
    WCFAlbum.JSON_getTrAlbumDisplay(ran, bindDisplayAlbumOnComplete, bindDisplayAlbumOnError);
}

function bindDisplayAlbumOnComplete(result) { 
    result = eval(result);
    for (var i = 0; i < result.length  ; i++) {
        //alert(MyURLDecode(result[i].albumRef));
        document.getElementById('divImage' + i).innerHTML = "<a href=\"Album/" +  result[i].albumCategoryName + "/" + converStrToParam(MyURLDecode(result[i].memAlbumName)) + "/" +  converStrToParam(MyURLDecode(result[i].memAlbumTitle)) + "/" + result[i].albumCategory + "/" + result[i].albumRef + "\"> <img border=\"0\" id=\"imgAlbum" + i + "\" onload=\"imgOn(" + i + ")\" onerror=\"replaceNoThumb(this);\" src=\"support/gambar.album/AT/" + MyURLDecode(result[i].albumRef) + "\" /> </a>";
        document.getElementById('divTitle' + i).innerHTML = "<a href=\"Album/" +  result[i].albumCategoryName + "/" + converStrToParam(MyURLDecode(result[i].memAlbumName)) + "/" +  converStrToParam(MyURLDecode(result[i].memAlbumTitle)) + "/" + result[i].albumCategory + "/" + result[i].albumRef + "\" class=\"tittleTab03\">" + MyURLDecode(result[i].memAlbumTitle) + "</a>";
        document.getElementById('divAlbum' + i).innerHTML = MyURLDecode(result[i].memAlbumName);
        document.getElementById('divName' + i).innerHTML = "Pengirim: " + MyURLDecode(result[i].realName);
    }
} 

function bindDisplayAlbumOnError(result) { 
    //alert(result.get_message()); 
} 


function bindAdvertorial() {
    document.getElementById('divAdvImage').innerHTML = "<div style=\"width:458px; padding-top:20px; padding-bottom:20px; text-align:center; \"><img border=\"0\" src=\"themes/default/images/indicatorOrangeBgTrans.gif\" /></div> ";
    document.getElementById('divAdvTitle').innerHTML = "";
    document.getElementById('divAdvSynopsis').innerHTML = "";
    document.getElementById('divAdvDetil').innerHTML = "";
    WCFContent.JSON_getContentSynopsisRandomByMonth(_advModuleCode, "all", 1, bindAdvertorialOnComplete, bindAdvertorialOnError);
}

function bindAdvertorialOnComplete(result) { 
    result = eval(result);
    
    if (result.length > 0) {
        document.getElementById('divAdvImage').innerHTML = "<img src=\"support/image.content/" + _entityCode + "/" + _advModuleCode + "/" + result[0].subModuleCode + "/" + result[0].articleRef + "/150/T\" />";
        document.getElementById('divAdvTitle').innerHTML = MyURLDecode(result[0].title);
        document.getElementById('divAdvSynopsis').innerHTML = MyURLDecode(result[0].synopsis);
        document.getElementById('divAdvDetil').innerHTML = "<a href=\"Advertorial/" + MyURLDecode(result[0].subModuleName) + "/" + converStrToParam(MyURLDecode(result[0].title)) + "/" + result[0].moduleCode + "/" + result[0].subModuleCode + "/" + result[0].articleRef + "/all/0/1\" class=\"detil\">&raquo; detil</a>";
    }
} 

function bindAdvertorialOnError(result) { 
    //alert(result.get_message()); 
} 

function bindBlockTools() {
    document.getElementById('blockTools1_tools1').innerHTML = "<img border=\"0\" src=\"themes/default/images/indicatorOrangeBgTrans.gif\" />";
    document.getElementById('blockTools1_tools2').innerHTML = "<img border=\"0\" src=\"themes/default/images/indicatorOrangeBgTrans.gif\" />";
    document.getElementById('blockTools1_tools3').innerHTML = "<img border=\"0\" src=\"themes/default/images/indicatorOrangeBgTrans.gif\" />";
    document.getElementById('blockTools1_tools4').innerHTML = "<img border=\"0\" src=\"themes/default/images/indicatorOrangeBgTrans.gif\" />";
    WCFContent.JSON_getContentTitleRandom(_toolsModuleCode, "all", 4, bindBlockToolsOnComplete, bindBlockToolsOnError);
}

function bindBlockToolsOnComplete(result) {
    result = eval(result);
    for (var i = 0; i < result.length  ; i++) {
        var strLink = "[" + MyURLDecode(result[i].subModuleName) + "] " + MyURLDecode(result[i].title);
        if (strLink.length > 27) {
            strLink = left(strLink, 27) + "...";
        }
        
        switch(i) {
            case 0 : document.getElementById('blockTools1_tools1').innerHTML = "<img src=\"themes/default/images/icon_arrowgreen.gif\" /><a href=\"support/file.content/" + result[i].entityCode + "/" + result[i].moduleCode + "/" + result[i].subModuleCode + "/" + result[i].articleRef + "/1\"> " + strLink + "</a>"; break;
            case 1 : document.getElementById('blockTools1_tools2').innerHTML = "<img src=\"themes/default/images/icon_arrowgreen.gif\" /><a href=\"support/file.content/" + result[i].entityCode + "/" + result[i].moduleCode + "/" + result[i].subModuleCode + "/" + result[i].articleRef + "/1\"> " + strLink + "</a>"; break;
            case 2 : document.getElementById('blockTools1_tools3').innerHTML = "<img src=\"themes/default/images/icon_arrowgreen.gif\" /><a href=\"support/file.content/" + result[i].entityCode + "/" + result[i].moduleCode + "/" + result[i].subModuleCode + "/" + result[i].articleRef + "/1\"> " + strLink + "</a>"; break;
            case 3 : document.getElementById('blockTools1_tools4').innerHTML = "<img src=\"themes/default/images/icon_arrowgreen.gif\" /><a href=\"support/file.content/" + result[i].entityCode + "/" + result[i].moduleCode + "/" + result[i].subModuleCode + "/" + result[i].articleRef + "/1\"> " + strLink + "</a>"; break;
        }
    }
}

function bindBlockToolsOnError(result) {
    //alert(result.get_message()); 
}