var polykey = 0;
var needFirstPoint = true;
var ctx;

function showData(key) {
    alert(descriptions[key])
}

function updateData(values) {
    //alert(values.title);
    $('#title').val(values.title);
    $('#description').val(values.description);
    $('#polygon').val(values.coords);
    //$('#' + floorDropDownID).val(values.floorid);
    selectedFloorID = values.floorid;
}

function getData() {
    var data = {};
    
    data.title = $('#title').val(); //$('#' + floorDropDownID).val();
    data.description = $('#description').val();
    data.floorid = selectedFloorID; //$('#' + floorDropDownID).val();
    //alert(data.title);
    return data;
}

function saveAll() {
    var poly = [];
    $('#form').addClass('animated bounceOutUp');

    $('#map area').each(function(index, el) {
        //console.log(index);
        var _polyrow = {};
        _polyrow = {
            'id': $(el).attr('id'),
            //'title': $(el).attr('title'),
            //'description': $(el).data('description'),
            'Building': buildingID,
            'title': $(el).attr('title'),
            'coords': $(el).attr('coords'),
            'Floor': $(el).attr('floorid')
        };

        poly.push(_polyrow);
    });
    //alert(JSON.stringify({ 'Building': buildingID, list: poly }));
//    $.ajax({
//        type: "POST",
//        url: "ajax.php",
//        data: { poly: poly }
//    }).done(function(msg) {
//        //setTimeout('$("#image").addClass("animated bounceOutUp");', 500);
//        setTimeout('location.href = "result.php"', 1000);
    //    });
    //alert(JSON.stringify({ list: poly }));
 $.ajax({
        type: "POST",
        url: "/Services/InteractiveStackingPlan.asmx/CreatePoints",
        data: JSON.stringify({ buildingID: buildingID, list: poly }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            alert(msg.d);
        },
        error: function(msg) { alert("fail"); }
    }); //.done(function(msg) {
    //    alert("done");
    //    //window.location = "http://64.50.179.221/projects/cbre/isp/v.0.2/Result?Property_ID=<?php echo $Property_ID; ?>&Building_ID=<?php echo $Building_ID; ?>&Path=<?php echo $Path; ?>";
    //});
}


function getSpaces(floorID) {
    $("#divSpaces").html("Loading...");
    $("#divSpaces").show();
    $.ajax({
        type: "POST",
        url: "/Services/InteractiveStackingPlan.asmx/GetSpaces",
        data: "{'floorID':'" + floorID + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            $("#divSpaces").html(msg.d);
        },
        error: function(msg) { alert("failed"); }
    });
}

function editArea(polyid) {
    var options = {};
    options.action = "edit";
    options.polyid = polyid;
    $('#image').canvasAreaDraw(options);
}

$(document).ready(function() {

    //var fType = $('body').data('type');
    //$('#image').canvasAreaDraw();
    //setToolState('select');
//    switch (fType) {
//        case 'index':
//           $('#image').canvasAreaDraw();
//            break;

//        default:
//            $('#image').maphilight({ alwaysOn: true });
//            break;
//    }
    var sOffset = $("#divSpaces").offset().top;
    var sOffsetleft = $("#divSpaces").offset().left;
    //var shareheight = $("#divSpaces").height() + 43;
    $(window).scroll(function() {
        //alert(sOffsetleft);
        //sOffsetleft = $("#divSpaces").offset().left;
        var scrollYpos = $(document).scrollTop();
        if (scrollYpos > sOffset) {
            $("#divSpaces").css({
                'top': '0',
                'right': '',
                'left': sOffsetleft + 'px',
                'position': 'fixed'
            });
        } else {
        $("#divSpaces").css({
                'top': '0',
                'right': '0',
                'left': '',
                'position': 'absolute'
            });
        }
    });
});