/*created for common js for ps
*/

var loader = "<img id='imageLoader' class='ui-icon-loader' src='/content/images/loader.gif' />"

function openUploadFileDialogue(t) {
    document.getElementById(t).click();
}

// LoadPicture

function loadPicture(t, imgTitle, tmpW, tmpH) {

    tmpW += 70;
    tmpH += 50;

    var $dialog = $('<div style="text-align:center;"></div>');

    var img = new Image();
    img.src = t.src;
    $(img).load(function () {
        var orgH = $(this).height();
        var orgW = $(this).width();
    });

    $dialog.prepend(img);
    $dialog.dialog({
        modal: true,
        position: 'Center',
        width: tmpW,
        height: tmpH,
        draggable: false,
        resizable: false,
        title: imgTitle,
        close: function () {
            $('div.ui-widget-header').addClass('ui-widget-header');
            $(this).dialog('destroy').remove();;
        }
    });
    //$dialog.find("img").css("margin-top", (tmpH - (orgH)) / 2);
    $('div.ui-widget-header').addClass('ui-widget-header-clear');
    //$(".ui-dialog-titlebar").hide();
}

// ChangeImage
function ChangeImage(fileId, imageId, Mode) {   
    var myform = document.createElement("form");
    myform.style.display = "none";
    myform.action = "/ImagePreview/AjaxSubmit";
    myform.enctype = "multipart/form-data";
    myform.method = "post";
    var imageLoad;
    var imageLoadParent;
    var is_chrome = /chrome/.test(navigator.userAgent.toLowerCase());
    if (is_chrome && document.getElementById(fileId).value == '')
        return; //Chrome bug onchange cancel
    if (document.all || is_chrome) {//IE
        imageLoad = document.getElementById(fileId);
        imageLoadParent = document.getElementById(fileId).parentNode;
        myform.appendChild(imageLoad);
        document.body.appendChild(myform);
    }
    else {//FF
        imageLoad = document.getElementById(fileId).cloneNode(true);
        myform.appendChild(imageLoad);
        document.body.appendChild(myform);
    }

    $(myform).ajaxSubmit({ success:
        function (responseText) {
            var d = new Date();
            $(imageId)[0].src = "/ImagePreview/ImageLoad?a=" + d.getMilliseconds();
            if (document.all || is_chrome)//IE
                imageLoadParent.appendChild(myform.firstChild);
            else//FF                     
                document.body.removeChild(myform);

            //to save the selected file to db table.
            switch (Mode) {
                case 'personalPic':
                    document.getElementById(Mode).innerHTML = '<img src="/Content/images/edit.png" height="15px">';
                    saveImage1();
                    break;
                case 'personalImg':
                    document.getElementById(Mode).innerHTML = 'Change';
                    break;
                case 'personalBCPic':
                    saveImage1();
                    break;
                case 'businessPic':
                    document.getElementById(Mode).innerHTML = 'Change'; //'<img src="/Content/images/edit.png" height="15px">'
                    saveImage1();
                case 'businessImg':
                    document.getElementById(Mode).innerHTML = 'Change';
                    break;
                default:
                    saveBCI();
            }
        }
    });
}

// Line Break for textarea
function addNewlines(str) {
    var result = '';
    if (str != null) 
    {
        while (str.length > 0)
         {
            result += str.substring(0, 35) + '\n';
            str = str.substring(35);
         }
    }
    return result;
}

//Addgroup popup
function addgroup() {
    var $dialog = $('<div></div>');
    $dialog.load("/dashboard/individualGroup").dialog({
        modal: true,
        position: 'center',
        width: 500,
        minHeight:300,
        draggable: false,
        resizable: false,
        title: 'Create Group',
        buttons: {
            'Save': function () {
                if ($('#contactform').valid()) {
                    var formData = $("#contactform").serialize();
                    $.ajax({
                        url: '/dashboard/individualGroup',
                        type: 'POST',
                        data: formData,
                        success: function (data) {
                            var message = data.Errors;
                            if (message == "Group Added Successfully...") {

                                {
                                    $("#resultMessage").html(message);
                                    $('#Title').val("");
                                    $('#Description').val("");
                                }
                                window.location = "/dashboard/Groupedit";
                            }
                            else {
                                $("#resultMessage").html(message);

                            }
                        }
                    });
                }
            },
            'Cancel': function () {
                $(this).dialog("close");
            }
        },
        close: function (event, ui) { $(this).remove(); }
    });
    return false;
}

// BusinessCard Popup
function BusinessCardEdit() {
    var $dialog = $('<div></div>');
    $dialog.load("/dashboard/EditBusinessCard").dialog({
        modal: true,
        position: 'Top',
        width: 440,
        minHeight: 700,
        draggable: false,
        resizable: false,
        title: 'Business Card',
        buttons: {
            'Save': function () {
                if ($('#frmBusinessCard').valid()) {
                    var formData = $("#frmBusinessCard").serialize();
                    $.ajax({
                        url: '/dashboard/frmBusinessCard',
                        type: 'POST',
                        data: formData,
                        success: function (data) {
                            $('#dBusinessCard').html(data);
                        } //success
                    }); //ajax
                    $(this).dialog("close");
                }
                else {
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            $(this).remove();
        }
    });
}

// BackgroundInfo Popup
function BackgroundInfo() {
        var $dialog = $('<div></div>');
        $dialog.load("/dashboard/EditBackgroundInfo").dialog({
            modal: true,
            position: 'Top',
            width: 420,
            minHeight: 250,
            draggable: false,
            resizable: false,
            title: 'Background Information',
            buttons: {
                Save: function () {
                    if ($('#frmbginfo').valid()) {
                        var formData = $("#frmbginfo").serialize();
                        $.ajax({
                            url: '/dashboard/frmbginfo',
                            type: 'POST',
                            data: formData,
                            success: function (data) {
                                $('#dBackgroundInfo').html(data);
                            } //success
                        }); //ajax
                        $(this).dialog("close");
                    }
                    else {
                    }
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                $(this).remove();
            }
        });
        return false;
}

// Relatives Popup
function Relatives() {
        var $dialog = $('<div></div>');
        $dialog.load("/dashboard/EditRelatives").dialog({
            modal: true,
            position: 'Top',
            width: 420,
            minHeight: 320,
            draggable: false,
            resizable: false,
            title: 'Relatives',
            buttons: {
                Save: function () {
                    if ($('#frmRelatives').valid()) {
                        var formData = $("#frmRelatives").serialize();
                        $.ajax({
                            url: '/dashboard/frmRelatives',
                            type: 'POST',
                            data: formData,
                            success: function (data) {
                                $('#Relatives').html(data);
                            } //success
                        }); //ajax
                        $(this).dialog("close");
                    }
                    else {
                    }
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            },
            close: function (ev, ui) {
                $(this).remove();
            }
        });
        return false;
}

// References Popup
function References() {
        var $dialog = $('<div></div>');
        $dialog.load("/dashboard/EditReferences").dialog({
            modal: true,
            position: 'Top',
            width: 420,
            minHeight: 370,
            draggable: false,
            resizable: false,
            title: 'Reference',
            buttons: {
                Save: function () {
                    if ($('#frmReferences').valid()) {
                        var formData = $("#frmReferences").serialize();
                        $.ajax({
                            url: '/dashboard/frmReferences',
                            type: 'POST',
                            data: formData,
                            success: function (data) {
                                $('#References').html(data);
                            } //success
                        }); //ajax
                        $(this).dialog("close");
                    }
                    else {

                    }
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            },
            close: function (ev, ui) {
                $(this).remove();
            }
        });
        return false;
}

// Resume Popup
function ResumeEdit() {
    var $dialog = $('<div></div>');
    $dialog.load("/dashboard/EditResume").dialog({
        modal: true,
        position: 'Top',
        width: 420,
        minHeight: 450,
        draggable: false,
        resizable: false,
        title: 'Resume',
        buttons: {
            Save: function () {
                if ($('#frmResume').valid()) {
                    var formData = $("#frmResume").serialize();
                    $.ajax({
                        url: '/dashboard/frmResume',
                        type: 'POST',
                        data: formData,
                        success: function (data) {
                            $('#dResume').html(data);
                            // alert("success");
                            //location.reload();
                        } //success
                    }); //ajax
                    $(this).dialog("close");
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            $(this).remove();
        }
    });
}

// Add Contact Popup
function addcontact() {
    var $dialog = $('<div></div>');
    $dialog.load("/dashboard/individual").dialog({
        modal: true,
        position: 'Top',
        width: 500,
        minHeight: 300,
        draggable: false,
        resizable: false,
        title: 'Create Contact',
        open: function (event, ui) {
            $(".ui-dialog-titlebar").prepend("<a id='aimportContacts'>Import Contact</a>");
            $('#aimportContacts').click(function () {
                //                $.ajax({
                //                    url: '/dashboard/Import',
                //                    type: 'POST',
                //                    data: "",
                //                    success: function (data) {
                //                        //$(".ui-dialog").append($('#importForm'));
                //                        $(".ui-dialog").append(data);
                //                    } //success
                //                }); //ajax
                $(".ui-dialog-titlebar").hide();
                $(".ui-dialog-content").contents().remove();
                $(".ui-dialog-buttonpane").hide();
                var display = "<div align='center' style='vertical-align:middle;'><a id='ayahooContacts' style='padding-left:10px;'><img src='/content/images/yahoomessenger.png' style='cursor:pointer;'/></a><a id='agmailContacts'  style='padding-left:10px;'><img src='/content/images/gmail-icon.png' style='cursor:pointer;'/></a><a id='acsvContacts'  style='padding-left:10px;'><img src='/content/images/CSVImport.gif' style='cursor:pointer;'/></a><a id='aContacts' style='padding-left:10px;'><img src='/content/images/Back.png' style='cursor:pointer;'/></a></div>";
                $(".ui-dialog-content").append(display);
                $(".ui-dialog").height(50);
                $(".ui-dialog").position('Centre');
                $(".ui-dialog").width(300);
                $('#aContacts').click(function () {
                    $(".ui-dialog-content").remove();
                    addcontact();
                });



                $('#acsvContacts').click(function () {
                    $(".ui-dialog-content").remove();
                    var $dialog = $('<div></div>');
                    $dialog.load("/dashboard/CSVImport").dialog({
                        modal: true,
                        position: 'center',
                        width: 420,
                        minHeight: 150,
                        draggable: false,
                        resizable: false,
                        title: 'CSV Upload',
                        buttons: {
                            Upload: function () {
                                var options = {
                                    url: '/mail/UploadCSV',
                                    beforeSubmit: function () {
                                        $("div.ui-dialog-buttonpane").append(loader);
                                    },
                                    success: function (data) {
                                        $("div.ui-dialog-buttonpane").find("img").remove();
                                        if (data == "F1") {
                                            $('#fileformat').show();
                                            return false;
                                        }
                                        else {
                                            //$dialog.remove();
                                            var $dialog = $('<div></div>');
                                            $dialog.load("/mail/CSVImport").dialog({
                                                modal: true,
                                                position: 'center',
                                                width: 700,
                                                minHeight: 800,
                                                draggable: false,
                                                resizable: false,
                                                title: 'CSV Import',
                                                close: function (event, ui) { $(this).remove(); }
                                            });
                                            return false;
                                        }
                                    }
                                };
                                $('#frmBCU').ajaxSubmit(options);
                            },
                            Cancel: function () {
                                $dialog.remove();
                            }
                        },
                        close: function () {
                            $dialog.destroy();
                        }
                    });
                });


                $('#ayahooContacts').click(function () {
                    $.ajax({
                        url: '/Mail/YahooImport',
                        type: 'POST',
                        data: "",
                        success: function (data) {
                            window.open(data, 'mywindow', 'left=250,top=50,menubar=0,resizable=0,location=1,toolbar=0,status=1,scrollbars=0,width=700,height=800');
                        } //success
                    }); //ajax
                    return false;
                });

                //GMail Oauth2.0
                $('#agmailContacts').click(function () {
                    $.ajax({
                        url: '/Mail/GMailImport',
                        type: 'POST',
                        data: "",
                        success: function (data) {
                            window.open(data, 'mywindow', 'left=250,top=50,menubar=0,resizable=0,location=1,toolbar=0,status=1,scrollbars=0,width=700,height=800');
                        } //success
                    }); //ajax
                    return false;
                });
            });
        },
        buttons: {
            'Save': function () {
                if ($('#frmContact').valid()) {
                    // $('#loader_img').show();
                    $("div.ui-dialog-buttonpane").append(loader);
                    var formData = $("#frmContact").serialize();
                    $.ajax({
                        url: '/dashboard/individual',
                        type: 'POST',
                        data: formData,
                        success: function (data) {
                            $("div.ui-dialog-buttonpane").find("img").remove();
                            var message = data.Errors;
                            if (message == "Contact added successfully") {
                                $("#contactMessage").html(message);
                                $("#contactMessage").css({ 'color': 'green' });
                                $('#firstName').val("");
                                $('#middleName').val("");
                                $('#lastName').val("");
                                $('#displayName').val("");
                                $('#contactEmail').val("");
                                $('#homePhone').val("");
                                $('#cellPhone').val("");
                                $('#notify').attr('checked', false);

                                $.ajax({
                                    url: '/dashboard/contacts?alphabet=',
                                    type: 'POST',
                                    success: function (data) {
                                        $('#contacts').html(data);
                                        var count = $('#contactCount').val();
                                        $('#spanCount').html(count);
                                    }
                                });
                            }
                            else
                            {
                                $("#contactMessage").css({ 'color': 'red' });
                            }
                            $("#contactMessage").html(message);
                            $("div.ui-dialog-buttonpane").find("img").remove();
                        }
                    });
                }
            },
            'Cancel': function () {
                $(this).dialog("close");
            }
        },
        close: function (event, ui) { $(this).remove(); }
    });
}

// Change Alternate Colours to Rows
function ChangeRow() {
    var row_index;
    var bg_odd = "#ECF1F8";
    var bg_even = "#FFFFFF";
    var bg_hover = "#C6D9F1";
    var Height= 50;

    $('.myTableRow').css('height', Height);
    $('.myTableRow:odd').css('background', bg_odd);
    $('.myTableRow:even').css('background', bg_even);
    $('.myTableRow').hover(
    function () {
        $(this).css('background', bg_hover);
    },
function () {
    row_index = $(this).index();
    if (row_index % 2 == 0) {
        $(this).css('background', bg_odd);
    } else {
        $(this).css('background', bg_even);
    }
}
);
}

function ToggleImage() {
    $('tr.myTableRow').mouseover(function () {
        $(this).find('#Edit').show();
        $(this).find('#Close').show();
    });
    $('tr.myTableRow').mouseout(function () {
        $(this).find('#Edit').hide();
        $(this).find('#Close').hide();
    });
}

function setCoords(c) {
    x = parseInt(c.x);
    y = parseInt(c.y);
    w = parseInt(c.w);
    h = parseInt(c.h);
};