document.observe("dom:loaded", loadMobileSite);

function loadMobileSite() {
    loadMobileEvents();
};
function loadMobileEvents() {
    //scrollThis($('scrollbar'), $('list_partner')); // scroll danh sach doi tac
    $('sub_nav_mobile').observe('click', subNavClick); // click tren submenu
    $('listMobile').observe('click', onClickMobile);    //click tren 1 mobile
    $('select_mobile_link').observe('click', backMobileList); //click vao link Back/Tro ve

    $('divPaging').observe('click', pagingClick); //click tren divPaging
};


/*
Create by Quang 10/05/10
Click tren menu Mobiles
*/
function subNavClick(e) {
    var ele = Event.element(e);
    if (ele.tagName != 'A') return;

    var curr = ele.up('ul').down('.on');
    if (curr) curr.className = '';

    var param = { "stpe": 1015, "pid": ele.id.split('_')[1], "page": 1 };
    utils.call("Index.aspx", param, "POST", "pagingClickResponse", "pagingClickResponse");

    ele.className = 'on';
    Event.stop(e); //khong cho reload lai trang
};

/*
Create by Quang 10/05/10
Click tren mot dien thoai trong danh sach
*/
function onClickMobile(e) {
    var ele = Event.element(e);
    if (ele.tagName == 'IMG' || ele.tagName == 'STRONG') ele = ele.up();
    if (ele.tagName != 'A') return;

    var param = { "stpe": 1001, "mid": ele.id.split('_')[1] };
    utils.call("Index.aspx", param, "POST", "onClickMobileResponse", "onClickMobileResponse");
};
function onClickMobileResponse(json) {
    var downloadApp = $('downloadApp');
    var arr = downloadApp.down().childElements();
    arr[0].src = json.photo != "" ? json.photo : "../theme/images/test/test3.jpg";
    arr[1].innerHTML = json.name;
    arr[2].down('img').src = json.os != "" ? json.os : "../theme/images/mobile/window_mobile.jpg";
    if (json.link != '#') {
        arr[3].style.backgroundImage = 'url(../theme/images/mobile/download_app.gif)';
        arr[3].href = json.link;
    }
    else {
        if (proID == '00') { //apple
            arr[3].style.backgroundImage = 'url(../theme/images/mobile/movie.gif)';
            arr[3].href = 'http://download.diadiem.com/HuongDan/Huong_Dan_Cai_Dat_Phan_Mem_VietNam2_Tren_iPhone.pdf'; //sau nay co link movie thi sua lai
        }
        else { // comming soon
            arr[3].style.backgroundImage = 'url(../theme/images/mobile/comingSoon.gif)';
            arr[3].href = "javascript:void(0)";
        }
    }

    $('chooseMobile').hide().next().show();
};
/*
Create by Quang 10/05/10
Click tren link Tro ve
*/
function backMobileList() {
    $('chooseMobile').show().next().hide();
};
//click paging
function pagingClick(e) {
    var ele = Event.element(e);
    if (ele.tagName != 'A') return;

    var obj = ele.href.toQueryParams();
    var param = { "stpe": 1005, "pid": obj.pid, "page": obj.page };
    utils.call("Index.aspx", param, "POST", "pagingClickResponse", "pagingClickResponse");
    Event.stop(e);
};

//click paging response
function pagingClickResponse(html) {
    var arr = html.split('@a@');
    $('listMobile').update(unescape(arr[3])).up().show().next().hide();
    currentPage = parseInt(arr[0]);
    if (parseInt(arr[1]) != -1) {
        totalPage = parseInt(arr[1]);
        proID = arr[2];
        $('producerName').innerHTML = arr[4];
    }
    if (totalPage > 1)
        loadPaging();
    else {
        $('divPaging').hide();
    }
};

//phan trang 
function loadPaging() {
    var start = (currentPage - 3 <= 1) ? 1 : (currentPage - 3);
    var end = (currentPage + 3 < totalPage) ? (currentPage + 3) : totalPage;
    var html = "";

    if (currentPage > 1)
        html += "<li class='previous'><a href='?pid=" + proID + "&page=" + (currentPage - 1) + "'>« Previous</a></li>";
    else
        html += "<li class='previous hide'><a href='?pid=" + proID + "&page=1'>« Previous</a></li>";

    for (var i = start; i <= end; i++) {
        if (i != currentPage)
            html += "<li><a href='?pid=" + proID + "&page=" + i + "'>" + i + "</a></li>";
        else
            html += "<li class='active'>" + i + "</li>";
    }

    if (totalPage - end > 10) {
        html += "<li class='etc'>...</li> ";
        html += "<li><a href='?pid=" + proID + "&page=" + totalPage + "'>" + totalPage + "</a></li>";
    }

    if (currentPage < totalPage)
        html += "<li class='next'><a href='?pid=" + proID + "&page=" + (currentPage + 1) + "'>Next »</a></li>";
    else
        html += "<li class='next hide'><a href='?pid=" + proID + "&page=" + (currentPage + 1) + "'>Next »</a></li>";

    return $('divPaging').update(html).show();
};