﻿<!--
    var count = 0;
    
    function DeleteItem(webServiceURL, webService1, itemID)  
    {
        var conf = confirm('Вы Cогласны удалить эту запись?');

        if (conf) {
            $.ajax({
                type: "POST",
                url: webServiceURL + "/deleteitem",
                data: ("itemID=" + itemID),
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                dataType: "text",
                success: function() { BindData(webServiceURL, webService1); },
                //beforeSend: function () { $("#loader2").hide("slow"); },
                //complete: function (obj, txtStatus) { $("#loader2").show("slow"); },
                error: onFailed
            });
        }
    }

    function Button1_onclick(webServiceURL, webService1) 
    {
        if ($("#Text1").val() != "") 
        {
            $.ajax({

                type: "POST",
                url: webServiceURL + "/insertdata",
                data: ("data=" + $("#Text1").val()),
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                dataType: "text",
                success: function () { BindData(webServiceURL, webService1); },
                beforeSend: function () { $("#loader2").hide("slow"); },
                complete: function (obj, txtStatus) { $("#loader2").show("slow"); },
                error: onFailed
            });
        }
        return (true);
    }

    function BindData(webServiceURL, webService1) 
    {
        $("#Text1").val("");

        $.ajax({
            type: "POST",
            url: webServiceURL + "/getdata",
            data: "{}",
            dataFilter: function (data) { return JQueryDataFilter(data); },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (items) { onSuccess_BindData(webServiceURL, webService1, items); },
            beforeSend: function () { $("#loader2").show("slow"); },
            complete: function (obj, txtStatus) { $("#loader2").hide("slow"); },
            error: onFailed
        });
    }

    function onSuccess_BindData(webServiceURL, webService1, items) 
    {
        var table = null;
        var tbody = null;
        var tr = null;
        var td = null;

        table = $("<table/>", { "id": "myTable", "cellspacing": "0", "cellpadding": "0", "border": "0", "width": "100%", "style": "margin:auto;padding-top: 15px;" });
        tbody = $("<tbody/>");

        table.append(tbody);

        for (var i = 0; i < items.length; i++) 
        {
            tr = $("<tr/>");

            if (i % 2 == 0) 
            {
                tr.attr("style", "background-color:#e5e5e5;");
            }

            tr.append("<td style=\"padding:3px;\">" + (i + 1) + ". </td>");
            tr.append("<td style=\"width:360px; text-align:left;\"><span id=\"td_span_" + items[i].itemID + "\">" + items[i].itemName + "</span><input type=\"text\" id=\"td_input_" + items[i].itemID + "\" style=\"padding:0px;margin:0px;border:#6b9dff 1px solid;width:350px;font-size:16px;height:22px;display:none;\" maxlength=\"31\" value=\"" + items[i].itemName + "\" /></td>");
            tr.append("<td style=\"width:70px;\"><span id=\"td_save_" + items[i].itemID + "\" onclick=\"javascript:SaveData('" + webServiceURL + "', '" + webService1 + "', '" + items[i].itemID + "')\" style=\"font-weight:normal;cursor:pointer;display:none;color:0000ff;\">[Сохранить]</span><span id=\"event_edit_" + items[i].itemID + "\" onclick=\"javascript:GetItem('" + webServiceURL + "', '" + webService1 + "', '" + items[i].itemID + "');\" style=\"font-weight:normal;color:#0000ff;cursor:pointer;\">[Изменить]</span></td>");
            tr.append("<td style=\"width:70px;\"><span id=\"event_delete_" + items[i].itemID + "\" onclick=\"javascript:DeleteItem('" + webServiceURL + "', '" + webService1 + "', '" + items[i].itemID + "');\" style=\"font-weight:normal;color:#0000ff;cursor:pointer;\">[Удалить]</span></td>");

            tbody.append(tr);

            if (i >= 19) 
            {
                $("#Text1").attr("disabled", "disabled");
                $("#Button1").attr("disabled", "disabled");
                $("#msg").css("color", "#ff0000");
            }
            else 
            {
                $("#Text1").removeAttr("disabled");
                $("#Button1").removeAttr("disabled");
                $("#msg").css("color", "#0000ff");
            }
        }

        $("#myDiv").html("");
        $("#myDiv").append(table);
    }

    function GetItem(webServiceURL, webService1, itemID)  
    {   
        $.ajax({
            type: "POST",
            url: webServiceURL + "/getitem",
            data: ("{ itemID: " + itemID + " }"),
            dataFilter: function (data) { return JQueryDataFilter(data); },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (items) { onSuccess_GetItem(webServiceURL, webService1, items, itemID) },
            //beforeSend: function () { $("#loader2").hide("slow"); },
            //complete: function (obj, txtStatus) { $("#loader2").show("slow"); },
            error: onFailed
        });
    }

    function onSuccess_GetItem(webServiceURL, webService1, items, itemID) 
    {   
        var rows = document.getElementById("myTable").getElementsByTagName("tr");
        var cells;
        var input;
        var span_1;
        var span_2;
        var save;
           
        for (var i = 0; i < rows.length; i ++) 
        {   
            cells = rows[i].getElementsByTagName("td");
              
            input = cells[1].getElementsByTagName("input");
            input[0].style.display = 'none';   
            
            span_1 = cells[1].getElementsByTagName("span");
            span_1[0].style.display = 'block';  

            span_2 = cells[2].getElementsByTagName("span");
            span_2[0].style.display = 'none';
            
            span_2 = cells[2].getElementsByTagName("span");
            span_2[1].style.display = 'block';

            $("#event_edit_" + itemID).css("display","block");

            input[0].value = span_1[0].innerHTML;
        }   

        $("#td_input_" + itemID).css("display","block");
        $("#td_save_" + itemID).css("display","block");
        $("#td_span_" + itemID).css("display","none");
        $("#event_edit_" + itemID).css("display","none");
    }

    function SaveData(webServiceURL, webService1, itemID)
    {
        var span_data = $("#td_span_" + itemID).text();
        var input_value = $("#td_input_" + itemID).val();

        if (span_data != input_value) 
        {
            EditData(webServiceURL, webService1, itemID, input_value);
        }
        else 
        {
            BindData(webServiceURL, webService1);
        }
    }

    function EditData(webServiceURL, webService1, itemID, itemName) 
    {
        if (itemName != null && itemName != '') 
        {
            $.ajax({
                type: "POST",
                url: webServiceURL + "/editdata",
                data: ("itemID=" + itemID + "&itemName=" + itemName),
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                dataType: "text",
                success: function (items) { BindData(webServiceURL, webService1); },
                //beforeSend: function () { $("#loader2").hide("slow"); },
                //complete: function (obj, txtStatus) { $("#loader2").show("slow"); },
                error: onFailed
            });
        }
    }

    function BindDDL(webService1, lang)
    {
        $.ajax({
            type: "POST",
            url: webService1 + "/bindddl",
            data: ("{ lang: '" + lang + "' }"),
            dataFilter: function (data) { return JQueryDataFilter(data); },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: onSuccess_BindDDL,
            //beforeSend: function () { $("#loader1").hide("slow"); },
            //complete: function (obj, txtStatus) { $("#loader1").show("slow"); },
            error: onFailed
        });
    }

    function onSuccess_BindDDL(items)
    {
        if (items != null && items.length > 0)
        {
            var options = "<option value=\"0\">Выбрать:</option>";

            for (var i = 0; i < items.length; i ++)
            {
                options = options + "<option value=\"" + items[i].itemID + "\">" + items[i].itemName + "</option>";
            }

            $("#DDL1").html(options);
        }
    }

    function GetSubCategories(webService1, thisObj)
    {
        var myID = $(thisObj).val();

         $.ajax({
            type: "POST",
            url: webService1 + "/getvalues",
            data: ("{ myID: " + myID + " }"),
            dataFilter: function (data) { return JQueryDataFilter(data); },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: onSuccess_GetSubCategories,
            beforeSend: function () { $("#loader1").show("slow"); },
            complete: function (obj, txtStatus) { $("#loader1").hide("slow"); },
            error: onFailed
        });
    }

    function onSuccess_GetSubCategories(items)
    {
        if (items != null && items.length > 0)
        {
            var options = "";

            for (var i = 0; i < items.length; i ++)
            {
                options = options + "<option value=\"" + items[i].Ajax2ID + "\">" + items[i].Ajax2Name + "</option>";
            }

            $("#DDL2").html(options);
        }
        else
        {
            $("#DDL2").html("");
        }
    }

    //.................................................................

    function openImg(id, obj) 
    {
        if (id > 0) 
        {
            if (document.getElementById("openedImg") != null) 
            {
                $("#openedImg").hide("slow");
                $("#openedImg").remove();
            }

            var coords = $('#' + obj.id).offset();
            var top = (coords.top - document.body.scrollTop);
            var left = (coords.left - document.body.scrollLeft) + 75;

            $("body").append("<div id=\"openedImg\" style=\"border: 1px solid #bbbbbb; top:" + top + "px; left:" + left + "px; padding:15px; position:absolute; background-color:#fefefe; display:none;\" onclick=\"javascript:openImg(0,this);\"><div style=\"text-align:right;cursor:pointer;\">Скрыть</div><img src=\"RecordImage.ashx?RecordID=" + id + "\" id=\"img_" + id + "\" class=\"g3\" style=\"border: 1px solid #e5e5e5;display:none;\" alt=\"\" /><img src=\"../images/ajax.gif\" id=\"ajax_" + id + "\" style=\"display:block;\" alt=\"\" /></div>");

            $("#img_" + id).load(function () { $("#ajax_" + id).css("display", "none"); $("#img_" + id).css("display", "block"); });

            $("#openedImg").show("slow");
        }
        else 
        {
            if (document.getElementById("openedImg") != null) 
            {
                $("#openedImg").hide("slow");
            }
        }
    }

    function RemoveUploadedImage(recordID, webServiceURL)
    {
        var conf = confirm("Вы согласны?");

        if (conf == true)
        {
            $.ajax({
                type: "POST",
                url: webServiceURL + "/deleteuploadimage",
                data: ("{ recordid: " + recordID + " }"),
                dataFilter: function (data) { return JQueryDataFilter(data); },
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function () { GetUploadedImages(webServiceURL) },
                error: onFailed
            });
        }
    }

    function GetUploadedImages(webServiceURL) 
    {       
        $.ajax({
            type: "POST",
            url: webServiceURL + "/getuploadedimages",
            //data: ("{ }"),
            dataFilter: function (data) { return JQueryDataFilter(data); },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (items) { onSuccess_GetUploadedImages(webServiceURL, items) },
            error: onFailed
        });
    }

    function onSuccess_GetUploadedImages(webServiceURL, items) {
            
        var result = "<table border=\"0\" cellpadding=\"1\" cellspacing=\"1\" width=\"580\">";

        if (items != null && items.length > 0) {

            for (var i = 0; i < items.length; i ++)
            {
                if (i % 2 == 0)
                {
                    result = result + "<tr>";
                }
                else
                {
                    result = result + "<tr style=\"background-color: #e5e5e5;\">";
                }

                result = result + "<td style=\"border: 1px solid #bbbbbb; width: 70px; height: 70px; text-align: center;\"><div id=\"tdImg_" + i + "\" onclick=\"javascript:openImg(" + items[i].RecordID + ",this);\"><img alt=\"" + items[i].Title + "\" title=\"" + items[i].Title + "\" src=\"RecordImage.ashx?size=70&amp;RecordID=" + items[i].RecordID + "\" class=\"g3\" /></div>";
                result = result + "<td>" + items[i].Title + "</td>";
                result = result + "<td style=\"width: 70px; text-align: center;\"><span style=\"color:#0000ff;cursor:pointer; text-decoration:underline;\" onclick=\"javascript:RemoveUploadedImage(" + items[i].RecordID + ", '" + webServiceURL + "');\">Удалить</span></td>";
                result = result + "</tr>";
            }
        }

        result = result + "</table>";

        $("#myDiv").html(result);
    }

	function openWin(url,win,prop)
	{
		var w = void(window.open(url,win,prop));
		w = null;
	}
	
	function ChangeCaptcha(f)
    {
        var d = document.getElementById(f); 
        d.src = 'captcha.ashx?t=' + new Date;
        d = null;
    }
    
    function annimateMe(f, str, browser) 
    { 
        var t = null;
        var interval = null;
        var obj = null;
        
        interval = 0;
        obj = document.getElementById(f);
        count++;
        
        if (count <= str.length) 
        {
            if (browser == 0)
            {
                obj.innerText = str.substring(0, count);
            }
            else if (browser == 1) //firefox
            {
                obj.textContent = str.substring(0, count);
            }
            
            interval = 110;
        }
        else 
        {
            count = null;
            count = 0;
            interval = 5000;
        }
        
        t = setTimeout("annimateMe('" + f + "','" + str + "'," + browser + ")", interval);
    }
   
    function onFailed(error) {
        document.write("Error: " + error.statusText + "\r\n" + error.responseText)
        //alert("Error: " + error.statusText + "\r\n" + error.responseText);
    }

    function JQueryDataFilter(data) 
    {
        var msg;

        if (typeof (JSON) !== 'undefined' && typeof (JSON.parse) === 'function') {
            msg = JSON.parse(data);
        }
        else {
            msg = eval('(' + data + ')');
        }

        if (msg.hasOwnProperty('d')) {
            return msg.d;
        }
        else {
            return msg;
        }
    }
//-->


