function loadpt1() {

    var total = 0;
    $("#pagenumberpt1").html("1"); //default page number
    $("#pagenumber1pt1").html("1"); //default page number

    $(".pt1productItemStyle").mouseover(function() {

        var productCode = $(this).attr("index");
        showdetail(productCode);

    }).mouseout(function() {

    var productCode = $(this).attr("index");
        closediv(productCode);
    });

    $(".pt1dropZone").click(function() {
        var itemno = $("#totalpt1").html();
        var no = parseInt(itemno);
        if (no == 0) {
            //display
            $("#msgpt1").html("Currently, there are no items in your cart");
        }
        else {
            window.open('PT1CartConfirm.aspx', '_top');
        }
    });
    $("#uppt1").click(function() {

        var id = $(this).attr("id");



        if (id == "up") {
            var up = $("#uppagept1").attr("value");
            var upcnt = parseInt(up);

            if (upcnt == 0) {
                $("#uppagept1").attr("value", upcnt);
                $("#pagenumberpt1").html(upcnt + 1);
                $("#pagenumber1pt1").html(upcnt + 1);
            }
            else {
                $("#uppagept1").attr("value", upcnt - 1);
                $("#pagenumberpt1").html(upcnt);
                $("#pagenumber1pt1").html(upcnt);
            }


        }
        if (id == "down") {
            var up = $("#uppagept1").attr("value");
            var upcnt = parseInt(up);
            $("#uppagept1").attr("value", upcnt + 1);

        }

        G4.PT1CartAJAX.PT1_GetMyCart(pt1GetMyList, ErrorHandler, TimeOutHandler);


    });

    $("#downpt1").click(function() {

        var id = $(this).attr("id");



        if (id == "up") {
            var up = $("#uppagept1").attr("value");
            var upcnt = parseInt(up);
            if (upcnt == 0) {
                $("#uppagept1").attr("value", upcnt);
            }
            else {
                $("#uppagept1").attr("value", upcnt - 1);
            }

        }
        if (id == "down") {
            var up = $("#uppagept1").attr("value");
            var upcnt = parseInt(up);
            var totalpage = $("#totalpagept1").attr("value");
            var tp = parseInt(totalpage);
            if (upcnt == tp) {
                $("#uppagept1").attr("value", tp); //last page
                $("#pagenumberpt1").html(tp + 1);
                $("#pagenumber1pt1").html(tp + 1);
            }
            else {
                $("#uppagept1").attr("value", upcnt + 1);
                $("#pagenumberpt1").html(upcnt + 2);
                $("#pagenumber1pt1").html(upcnt + 2);
            }


        }

        G4.PT1CartAJAX.PT1_GetMyCart(pt1GetMyList, ErrorHandler, TimeOutHandler);


    });
    // $(document).ready(function() {
    $(".itemimage").click(function() {
        //$(".droppedItemStyle").remove();
        var droppedItem = $(this).clone();
        droppedItem.prependTo("body");
        //droppedItem.removeClass("pt1productItemStyle");

        droppedItem.css({
            'width': $(this).css('width'),
            'height': $(this).css('height'),
            'position': 'absolute',
            'top': $(this).offset().top,
            'left': $(this).offset().left,
            'opacity': 0.9
        });

        //droppedItem.removeClass("pt1productItemStyle").addClass("droppedItemStyle");
        droppedItem.show();

        var $cart = $(".pt1dropZone");

        droppedItem.animate({
            width: $cart.innerWidth(),
            height: $cart.innerHeight(),
            top: $cart.offset().top,
            left: $cart.offset().left,
            opacity: 0
        }, { duration: 1500 });
        //droppedItem.removeClass(".itemimage").addClass("droppedItemStyle");
        //$(".droppedItemStyle").remove();

        var productCode = droppedItem[0].attributes["code"].nodeValue;
        var productPrice = droppedItem[0].attributes["price"].nodeValue;
        var name = droppedItem[0].attributes["name"].nodeValue;
        var id = droppedItem[0].attributes["id"].nodeValue;
        var indexcnt = droppedItem[0].attributes["index"].nodeValue;
        var image = droppedItem[0].attributes["image"].nodeValue;
        var idname = "Quantity" + indexcnt;
        var select_obj = document.getElementById(idname);
        var index = select_obj.selectedIndex;
        var quantity = select_obj.options[index].text;
        var cnt = parseInt(quantity);

        $("#loadingpt1").show();


        G4.PT1CartAJAX.PT1_AddPT1Item(productCode, "MP", name, cnt,image, pt1DisplayMsg, ErrorHandler, TimeOutHandler);

        setTimeout("pt1cart_main()", 1000);

        return false;

    });
    
    G4.PT1CartAJAX.GetTotalMileage(writemileage, ErrorHandler, TimeOutHandler);
    G4.PT1CartAJAX.PT1_GetItemCntInCart(pt1WriteCount, ErrorHandler, TimeOutHandler);
    G4.PT1CartAJAX.PT1_GetMyCart(pt1GetMyList, ErrorHandler, TimeOutHandler);
    G4.PT1CartAJAX.PT1_GetItemCntInCart(pt1WriteCount, ErrorHandler, TimeOutHandler);
    G4.PT1CartAJAX.PT1_GetTotalCostInCart(pt1WriteTotalAmount, ErrorHandler, TimeOutHandler);
    $(".pt1productItemStyle").draggable({ helper: "clone", opacity: "0.5", revert: 'invalid' });


    $(".pt1dropZone").droppable(

        {
            accept: ".pt1productItemStyle",
            hoverClass: "dropHover",
            drop: function(ev, ui) {

                var droppedItem = ui.draggable.clone(); //.removeClass("pt1productItemStyle").addClass("droppedItemStyle");

                var productCode = droppedItem[0].attributes["code"].nodeValue;
                var productPrice = droppedItem[0].attributes["price"].nodeValue;
                var name = droppedItem[0].attributes["name"].nodeValue;
                var id = droppedItem[0].attributes["id"].nodeValue;
                var indexcnt = droppedItem[0].attributes["index"].nodeValue;
                var image = droppedItem[0].attributes["image"].nodeValue;
                var idname = "Quantity" + indexcnt;
                var select_obj = document.getElementById(idname);
                var index = select_obj.selectedIndex;
                var quantity = select_obj.options[index].text;
                var cnt = parseInt(quantity);

                $("#loadingpt1").show();


                G4.PT1CartAJAX.PT1_AddPT1Item(productCode, "MP", name, cnt,image , pt1DisplayMsg, ErrorHandler, TimeOutHandler);

                setTimeout("pt1cart_main()", 1000);


            }

        }

        );


    // });
}

function pt1cart_main() {

    $("#loadingpt1").hide();
    document.getElementById("ctl00_Main_MsgLabel").innerHTML = ""; //Empty message;

    G4.PT1CartAJAX.GetTotalMileage(writemileage, ErrorHandler, TimeOutHandler);
    G4.PT1CartAJAX.PT1_GetMyCart(pt1GetMyList, ErrorHandler, TimeOutHandler);
    G4.PT1CartAJAX.PT1_GetItemCntInCart(pt1WriteCount, ErrorHandler, TimeOutHandler);
    G4.PT1CartAJAX.PT1_GetTotalCostInCart(pt1WriteTotalAmount, ErrorHandler, TimeOutHandler);
    $(".pt1dropZone").effect("bounce", { times: 3, distance: 15 }, 500);


}
function pt1DisplayMsg(remain) {
    if (remain != "error") {

        if (parseInt(remain) < 0) {
            $("#alarmpt1").show(500);
        }
        else {
            $("#alarmpt1").hide();
            document.getElementById("remainpt1").innerHTML = remain;
        }

    }
}
function pt1showalarm() {
    //var remain=parent(
    $("#alarmpt1").show(500);

}
function pt1WriteTotalAmount(amount) {
    $("#totalpt1").html(amount);
    var mileage = parseInt($("#mileage").html());
    var remain = mileage - parseInt(amount);
    $("#remainpt1").html(remain);
}

function pt1WriteCount(cnt) {
    $("#itemcntpt1").html(cnt);
}


function pt1GetMyList(list) {

    $("#msgpt1").html("");
    if (list != null && list.length > 0) {

        var totalpage = parseInt((list.length - 1) / 7);
        $("#totalpagept1").attr("value", totalpage);

        var up = $("#uppagept1").attr("value");
        var upcnt = parseInt(up);

        $(".pt1displayZone").empty();

        for (var x = upcnt * 7; x < (upcnt + 1) * 7; x++) {

            if (list[x]) {
                pt1createtable(list[x].ItemID, list[x].ID, list[x].ItemName, list[x].Quantity, list[x].ServerName, list[x].CharacterName,list[x].Image);
            }

        }
        //setTimeout("", 1000);
        if (list.length > 7) {
            document.getElementById("up").style.display = "";
            document.getElementById("down").style.display = "";
            $("#pageuppt1").show();  //default page number
            $("#pagedownpt1").show(); //default page number
        }
        else {
            document.getElementById("uppt1").style.display = "none";
            document.getElementById("downpt1").style.display = "none";
            $("#pageuppt1").hide();  //default page number
            $("#pagedownpt1").hide(); //default page number
        }
    }

    else {
        $(".pt1displayZone").empty();
        $("#uppt1").hide();
        $("#downpt1").hide();
        $("#pageuppt1").hide();  //default page number
        $("#pagedownpt1").hide(); //default page number
    }
    //        

}

function pt1removeItem(cart_list_id) {

    G4.PT1CartAJAX.PT1_DeletePT1Item(cart_list_id, ErrorHandler, TimeOutHandler);
    $("#alarmpt1").hide();
    $("#loadingpt1").show();
    $("#uppagept1").attr("value", "0");
    $("#pagenumberpt1").html("1"); //default page number
    $("#pagenumber1pt1").html("1"); //default page number
    setTimeout("pt1cart_main()", 1000);


}
function pt1createtable(itemid, id, name, quantity, server, character,image) {


    //left side;

    var img = document.createElement("img");
    img.src = "subaimages/pt1/" + image;
    img.style.width = "84px";
    img.style.height = "56px";
    var left_td = document.createElement("td");
    left_td.appendChild(img);

    var left_tr = document.createElement("tr");
    left_tr.appendChild(left_td);

    var left_tbody = document.createElement("tbody")
    left_tbody.appendChild(left_tr);

    var left_table = document.createElement("table");
    left_table.appendChild(left_tbody);


    //         //right side;
    var right_td1 = document.createElement("td");
    right_td1.innerHTML = name;

    var right_td3 = document.createElement("td");
    right_td3.innerHTML = "Server:" + server;

    var right_td4 = document.createElement("td");
    right_td4.innerHTML = "Character:" + character;

    var right_td5 = document.createElement("td");
    right_td5.innerHTML = "Quantity:" + quantity;

    var right_td2 = document.createElement("td");
    //remove button
    var removeLink = document.createElement("a");

    removeLink.innerHTML = "Remove";
    removeLink.className = "deleteLink";
    removeLink.href = "#";

    removeLink.onclick = function() {

        pt1removeItem(id);
    }
    right_td2.appendChild(removeLink);

    var right_tr1 = document.createElement("tr");
    right_tr1.appendChild(right_td1);

    var right_tr3 = document.createElement("tr");
    right_tr3.appendChild(right_td3);

    var right_tr4 = document.createElement("tr");
    right_tr4.appendChild(right_td4);

    var right_tr5 = document.createElement("tr");
    right_tr5.appendChild(right_td5);

    var right_tr2 = document.createElement("tr");
    right_tr2.appendChild(right_td2);





    var right_tbody = document.createElement("tbody");
    right_tbody.appendChild(right_tr1);

    right_tbody.appendChild(right_tr3);
    right_tbody.appendChild(right_tr4);
    right_tbody.appendChild(right_tr5);

    right_tbody.appendChild(right_tr2);

    var right_table = document.createElement("table");
    right_table.appendChild(right_tbody);
    //          

    //main talbe
    var main_td_left = document.createElement("td");
    main_td_left.appendChild(left_table);


    var main_td_right = document.createElement("td");
    main_td_right.appendChild(right_table);

    var main_tr = document.createElement("tr");
    main_tr.appendChild(main_td_left);
    main_tr.appendChild(main_td_right);

    main_tbody = document.createElement("tbody");
    main_tbody.appendChild(main_tr);

    var main_table = document.createElement("table");
    main_table.appendChild(main_tbody);

    main_table.id = "table" + id;

    $(".pt1displayZone")[0].appendChild(main_table);

}



// update the total!
function pt1updateTotal(price, count) {

    var cnt = parseInt($("#itemcntpt1").html());
    var total = parseInt($("#totalpt1").html());
    var add = parseInt(count);
    $("#itemcntpt1").html(cnt + add);
    total += parseInt(price);
    $("#totalpt1").html(total);
    var mileage = parseInt($("#mileage").html());
    var remain = mileage - total;
    $("#remainpt1").html(remain);
}