var activeAnnouncementAreaId = '';
var editeddata;

var editedannindex = 0;
var editedannTitle = '';
var editedannText = '';
var editedannIntro = '';
var editedannSideImageId = 0;
var editedannSideImagePath = '';
var editedannMainImageId = 0;
var editedannMainImagePath = '';
var PickedSideImageId = 0;
var PickedSideImage;
var PickedMainImageId = 0;
var PickedMainImage;



function ShowAnnouncementDetail(annid) 
{
    var Buttons = new Array();
    var mes = GetMaxEditorSize(0, 120);
    var height = mes.height - 50;
    var data = {
    "editorheight": height
    };
    
    var vw = GetView('CMS', 'Announcements', 'view_Announcement_detail', annid, '');
    var result = TrimPath.parseTemplate(vw).process(data);
    showLightBox(Buttons, 'info', 'inline', result, 'lpPicker', 10000, 10000, '', '', '');
}

function EditAnnouncements(areaid) {
    activeAnnouncementAreaId = areaid;
    var Buttons = new Array();
    Buttons[0] = new LightBoxButton("editann_btnCancel", "Cancel", '');
    Buttons[1] = new LightBoxButton("editann_btnAdd", "Add New Announcement", '');
    Buttons[2] = new LightBoxButton("editann_btnDone", "Save and Finish", '');

    var vw = GetView('CMS', 'Announcements', 'view_announcement_overview', '', '');
    editeddata = clone_obj(eval(areaid + '_data'));
    var data = { "announcements": editeddata
    };
    var result = TrimPath.parseTemplate(vw).process(data);
    
    showLightBox(Buttons, 'edit', 'inline', result, 'lpPicker', 10000, 10000, 'Edit Announcements', '', '');

    $("#lb_close_btn").click(function() {
        hideLightBox();
    });
    $("#editann_btnCancel").click(function() {
        hideLightBox();
    });
    $("#editann_btnDone").click(function() {
        SaveAnnouncements();
        hideLightBox();
    });
    $("#editann_btnAdd").click(function() {
        EditAnnouncement(-1, 0);
    });
}

function RefreshEditAnnouncements(areaid) {
    activeAnnouncementAreaId = areaid;
    var Buttons = new Array();
    Buttons[0] = new LightBoxButton("editann_btnCancel", "Cancel", '');
    Buttons[1] = new LightBoxButton("editann_btnAdd", "Add New Announcement", '');
    Buttons[2] = new LightBoxButton("editann_btnDone", "Save and Finish", '');

    var vw = GetView('CMS', 'Announcements', 'view_announcement_overview', '', '');
    //editeddata = clone_obj(eval(areaid + '_data'));
    var data = { "announcements": editeddata
};
    var result = TrimPath.parseTemplate(vw).process(data);

    showLightBox(Buttons, 'edit', 'inline', result, 'lpPicker', 10000, 10000, 'Edit Announcements', '', '');

    $("#lb_close_btn").click(function() {
        hideLightBox();
    });
    $("#editann_btnCancel").click(function() {
        hideLightBox();
    });
    $("#editann_btnDone").click(function() {
        SaveAnnouncements();
        hideLightBox();
    });
    $("#editann_btnAdd").click(function() {
        EditAnnouncement(-1);
    });
}

function SaveAnnouncements() {
    var data0 = { 'announcements': editeddata, 'storeId': activeStoreId };
    var json = JSON.stringify(data0);
    $.ajax({
        type: "POST",
        url: "/Model/Announcements/Admin/Model.asmx/SaveAnnouncements",
        data: json,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) 
        {
            window.location.href = window.location.href;
        }
    });
}

function SaveAnnouncement() {
    editedannTitle = $('#txtAnnTitle').val();
    editedannText = $('#divanndescription').html();
    editedannIntro = $('#txtAnnInto').val();
    
    if (editedannindex == -1) {
        var ann = new GetNewAnnouncement(editedannTitle, editedannIntro, editedannText, editedannSideImagePath, editedannSideImageId, editedannMainImagePath, editedannMainImageId);
        editeddata[editeddata.length] = ann;
    }
    else {
        editeddata[editedannindex].Title = editedannTitle;
        editeddata[editedannindex].SideImageId = editedannSideImageId;
        if (editedannSideImageId != 0) {
            editeddata[editedannindex].SideImagePath = editedannSideImagePath;
        }
        else {
            editeddata[editedannindex].SideImagePath = '';
        }
        editeddata[editedannindex].MainImageId = editedannMainImageId;
        if (editedannMainImageId != 0) {
            editeddata[editedannindex].MainImagePath = editedannMainImagePath;
        }
        else {
            editeddata[editedannindex].MainImagePath = '';
        }
        editeddata[editedannindex].ShortDescription = editedannText;
        editeddata[editedannindex].Intro = editedannIntro;
    }
}


function RemoveAnnouncement(index) {
    editeddata.splice(index, 1);
    RefreshEditAnnouncements(activeAnnouncementAreaId);
}
function EditAnnouncement(index, isreedit) {
    editedannindex = index;
    if (isreedit == 0) {
        if (index != -1) {
            editedannTitle = editeddata[editedannindex].Title;
            editedannText = editeddata[editedannindex].ShortDescription;
            editedannIntro = editeddata[editedannindex].Intro;
            editedannSideImageId = editeddata[editedannindex].SideImageId;
            editedannSideImagePath = editeddata[editedannindex].SideImagePath;
            editedannMainImageId = editeddata[editedannindex].MainImageId;
            editedannMainImagePath = editeddata[editedannindex].MainImagePath;
        }
        else {
            editedannTitle = '';
            editedannText = '';
            editedannIntro = '';
            editedannSideImageId = 0;
            editedannSideImagePath = '';
            editedannMainImageId = 0;
            editedannMainImagePath = '';
        }
    }
    var Buttons = new Array();
    Buttons[0] = new LightBoxButton("editann_btnCancel", "Cancel", '');
    Buttons[1] = new LightBoxButton("editann_btnDone", "Done", '');

    var vw = GetView('CMS', 'Announcements', 'view_edit_announcement', '', '');
    //editeddata = clone_obj(eval(areaid + '_data'));
    var data = { 
        showIntro : "true"
    };
    var result = TrimPath.parseTemplate(vw).process(data);
    showLightBox(Buttons, 'edit', 'inline', result, 'lpPicker', 10000, 10000, 'Edit Announcement', '', '');
    if (editedannSideImageId != 0) {
        $('#annside_imagewrapper').html("<img src='" + editedannSideImagePath + "' width='215' height='165' />");
    }
    if (editedannMainImageId != 0) {
        $('#annmain_imagewrapper').html("<img src='" + editedannMainImagePath + "' width='482' />");
    }


    if (index != -1 || isreedit == 1) {
        $('#txtAnnTitle').val(editedannTitle);
        $('#txtAnnInto').html(editedannIntro);
        document.getElementById('divanndescription').innerHTML = editedannText;
        if (editedannSideImageId != 0) {
            $('#annside_imagewrapper').html("<img src='" + editedannSideImagePath + "' width='215' height='165' />");
        }
        if (editedannMainImageId != 0) {
            $('#annmain_imagewrapper').html("<img src='" + editedannMainImagePath + "' width='482' />");
        }
    }
    showEditButtonOverlay("annside_imagewrapper", "EDIT", "showSideImagePicker()");
    showEditButtonOverlay("annmain_imagewrapper", "EDIT", "showMainImagePicker()"); 
    try
    {
    $('#divanndescription').tinymce({
        plugins: "safari,paste,inlinepopups,spellchecker",
        theme: "advanced",
        theme_advanced_buttons1: "bold,italic,underline,link,unlink,bullist,numlist,spellchecker",
        theme_advanced_buttons2: "",
        theme_advanced_buttons3: "",
        paste_auto_cleanup_on_paste: true,
        paste_remove_styles: true,
        paste_strip_class_attributes: true,
        height: '170',
        width: '600',
        spellchecker_rpc_url: "/TinyMCEHandler.aspx?module=SpellChecker",
        content_css: "/controls/CMS/Editcss.css"
        //content_css: stylesheet + "?" + new Date().getTime(),
    });
    }
    catch(ex)
    {
        alert('error');
    }


    $("#lb_close_btn").click(function() {
        RefreshEditAnnouncements(activeAnnouncementAreaId);
    });
    $("#editann_btnCancel").click(function() {
        RefreshEditAnnouncements(activeAnnouncementAreaId);
    });
    $("#editann_btnDone").click(function() {
        SaveAnnouncement();
        RefreshEditAnnouncements(activeAnnouncementAreaId);
    });
}

function showSideImagePicker() {
    $('#divanndescription').tinymce().remove();
    editedannTitle = $('#txtAnnTitle').val();
    editedannText = $('#divanndescription').html();
    editedannIntro = $('#txtAnnInto').val();

    PickedSideImageId = 0;
        var tmp = '';
        var lbtype = 'edit';
        tmp = GetView('CMS', 'ImageRotator', 'view_getpolaroids', 'POLAROID', '');

        var Buttons = new Array();
        Buttons[0] = new LightBoxButton("annside_btnUpload", "Upload New", '');
        Buttons[1] = new LightBoxButton("annside_btnDelete", "Delete", '');
        Buttons[2] = new LightBoxButton("annside_btnCancel", "Cancel", '');
        Buttons[3] = new LightBoxButton("annside_btnDone", "Done", '');
        showLightBox(Buttons, lbtype, 'inline', tmp, 'lpPicker', 10000, 10000, 'Select Image', '', '');
        //Wire up events
        $("#lb_close_btn").click(function() {
        EditAnnouncement(editedannindex, 1);
        });
        //TODO ADD UPLOAD METHOD
        $("#annside_btnUpload").click(function() {
            ShowFileUpload('annside', 'POLAROID', '', '');
            $("#annside_upload_btnCancel").click(function() {
                showSideImagePicker();
            });
            $("#annside_upload_btnDone").click(function() {
                showSideImagePicker();
            });
            $("#lb_close_btn").click(function() {
                showSideImagePicker();
            });

            //RefreshEditImageArea(activeAreaId, editedImageType, maincloseaction, maincancelaction);
        });
        //TODO ADD DELETE METHOD
        $("#" + activeAreaId + "_btnDelete").click(function() {
            RefreshEditImageArea(activeAreaId, editedImageType, maincloseaction, maincancelaction);
        });

        $("#annside_btnCancel").click(function() {
            EditAnnouncement(editedannindex, 1);
        });
        $("#tfa_image_picker").bind("imageselected", function(e, data) {
            if (PickedSideImageId != '') {
                $("#imgpicker_img_" + PickedSideImageId).css("border", "0");
            }
            if (data.OwnerId != 0) {
                //show delete button
                $("#annside_btnDelete").show();
            }
            else {
                $("#annside_btnDelete").hide();
            }
            PickedSideImageId = data.Id;
            PickedSideImage = data;
            $("#imgpicker_img_" + PickedSideImageId).css("border", "3px solid black");
        });
        $("#annside_btnDone").click(function() {
            if (PickedSideImageId != 0) {
                editedannSideImageId = PickedSideImageId;
                editedannSideImagePath = PickedSideImage.IPath
            }
            else {
                editedannSideImageId = 0;
                editedannSideImagePath = '';
            }
            EditAnnouncement(editedannindex, 1);
        });
    }



    function showMainImagePicker() {
        $('#divanndescription').tinymce().remove();
        editedannTitle = $('#txtAnnTitle').val();
        editedannText = $('#divanndescription').html();
        editedannIntro = $('#txtAnnInto').val();

        PickedMainImageId = 0;
        var tmp = '';
        var lbtype = 'edit';
        tmp = GetView('CMS', 'ImageRotator', 'view_getcustom', 'CUSTOM', '');

        var Buttons = new Array();
        Buttons[0] = new LightBoxButton("annMain_btnUpload", "Upload New", '');
        Buttons[1] = new LightBoxButton("annMain_btnDelete", "Delete", '');
        Buttons[2] = new LightBoxButton("annMain_btnCancel", "Cancel", '');
        Buttons[3] = new LightBoxButton("annMain_btnDone", "Done", '');
        showLightBox(Buttons, lbtype, 'inline', tmp, 'lpPicker', 10000, 10000, 'Select Image', '', '');
        //Wire up events
        $("#lb_close_btn").click(function() {
            EditAnnouncement(editedannindex, 1);
        });
        //TODO ADD UPLOAD METHOD
        $("#annMain_btnUpload").click(function() {
            ShowFileUpload('annMain', 'CUSTOM', '', '');
            $("#annMain_upload_btnCancel").click(function() {
                showMainImagePicker();
            });
            $("#annMain_upload_btnDone").click(function() {
                showMainImagePicker();
            });
            $("#lb_close_btn").click(function() {
                showMainImagePicker();
            });

            //RefreshEditImageArea(activeAreaId, editedImageType, maincloseaction, maincancelaction);
        });
        //TODO ADD DELETE METHOD
        $("#" + activeAreaId + "_btnDelete").click(function() {
            RefreshEditImageArea(activeAreaId, editedImageType, maincloseaction, maincancelaction);
        });

        $("#annMain_btnCancel").click(function() {
            EditAnnouncement(editedannindex, 1);
        });
        $("#tfa_image_picker").bind("imageselected", function(e, data) {
            if (PickedMainImageId != '') {
                $("#imgpicker_img_" + PickedMainImageId).css("border", "0");
            }
            if (data.OwnerId != 0) {
                //show delete button
                $("#annMain_btnDelete").show();
            }
            else {
                $("#annMain_btnDelete").hide();
            }
            PickedMainImageId = data.Id;
            PickedMainImage = data;
            $("#imgpicker_img_" + PickedMainImageId).css("border", "3px solid black");
        });
        $("#annMain_btnDone").click(function() {
            if (PickedMainImageId != 0) {
                editedannMainImageId = PickedMainImageId;
                editedannMainImagePath = PickedMainImage.IPath
            }
            else {
                editedannMainImageId = 0;
                editedannMainImagePath = '';
            }
            EditAnnouncement(editedannindex, 1);
        });
    }