var oldvalue = [];

$(function() {
    // вешаем тогглер на инпуты форм с классом togglable
	var allInputs = $("form.togglable :text, form.togglable :password, form.togglable textarea");
	for (var i=0; i < allInputs.length; i++) {
        formId = $(allInputs[i]).parents('form').attr('id');
        if (! oldvalue[formId]) {
            oldvalue[formId] = new Array();
        }
        oldvalue[formId][$(allInputs[i]).attr('name')] = $(allInputs[i]).val();
	}
	function toggleVal(event) {
		var target = $(event.target);
        var formId = $(target).parents('form').attr('id');
		switch(event.type) {
			case "focus" :
				if(target.val() == oldvalue[formId][target.attr('name')]) target.val('');
				break;
			case "blur"	:
				if ( !target.val() ) {
					target.val(oldvalue[formId][target.attr('name')]);
				}
				break;
		};
	}
	$("form.togglable :text, form.togglable :password, form.togglable textarea").bind('focus', toggleVal);
	$("form.togglable :text, form.togglable :password, form.togglable textarea").bind('blur', toggleVal);
    // автозаполняющиеся поля
    $.fn.extend({

        activate: function() {
            return this.focus().select();
        }
    });
	//биндим клик по иконке картинки в галерее
	$("a.imgBigPopup").live("click", function (e) {
		$('div.popup').remove();
		$.post(
			$(this).attr('href'),
			{},
			function(data) {
				$(data).appendTo("body");
				var top = $(document).scrollTop() + ($(window).height() / 2 - $('div.popup').height() /2);
				var left = $(document).scrollLeft() + ($(window).width() / 2 - $('div.popup').width() /2);
  				$('div.popup').css(
    				{
      					top:  top + 'px',
      					left:  left + 'px'
      				}
  				);
			}
		);
    	return false;
	});
    //биндим клик по ссылке "подробнее" в каталоге
    $("a.itemPopup").live("click", function (e) {
        $('div.catalog_popup').remove();
        $.post(
            $(this).attr('href'),
            {},
            function(data) {
                $(data).appendTo("body");
                var top = $(document).scrollTop() + ($(window).height() / 2 - $('div.catalog_popup').height() /2);
                var left = $(document).scrollLeft() + ($(window).width() / 2 - $('div.catalog_popup').width() /2);
                  $('div.catalog_popup').css(
                    {
                          top:  top + 'px',
                          left:  left + 'px'
                      }
                  );
            }
        );
        return false;
    });
	//биндим клик по кнопке открыть форму
	$(".openDialogForm").live("click", function (e) {
		closeDialogForm('fs_dialogForm');
		closeDialogForm('fs_login');
		var sizes = $(this).attr('rel').split(",");
		var width = (parseInt(sizes[0]) != 0) ? parseInt(sizes[0]): 100;
		var height = (parseInt(sizes[1]) != 0) ? parseInt(sizes[1]): 100;
		$.post(
			$(this).attr('href'),
			{},
			function(data) {
				$(data).appendTo("body");
				showDialogForm('fs_dialogForm', width, height);
			}
		);
    	return false;
	});
	//биндим клик по кнопке закрыть
	$(".closeDialogForm").live("mousedown", function (e) {
		$(this).removeClass('fs_closeHover');
		$(this).addClass('fs_closeActive');
	});
	$(".closeDialogForm").live("mouseup", function (e) {
		$(this).removeClass('fs_closeActive');
		$(this).addClass('fs_closeHover');
		setTimeout("closeDialogForm('fs_dialogForm');closeDialogForm('fs_login');", 200);
	});
	$(".closeDialogForm").live("mouseover", function (e) {
		$(this).addClass('fs_closeHover');
	});
	$(".closeDialogForm").live("mouseout", function (e) {
		$(this).removeClass('fs_closeHover');
	});
    var options = {
        success:   onAjaxSubmitForm,  // post-submit callback
        dataType:  'json'
        //timeout:   3000
    };
    // вешаем ajax form submit
    bindSimpleAjaxForm();
    //добавляем затенение для всплывающих форм
    $('<div id="shadowBox"></div>').css({
        zIndex: 999,
        width: "100%",
        position: "absolute",
        top: 0,
        left: 0,
        opacity: 0.4,
        backgroundColor: "#000000"
    }).appendTo("body").hide().css("height", $(document).height());

    $(document.body).keypress(function(e) {
        // убираем форму по нажатию escape
        if (e.keyCode == 27) {
            $('div[id^="fs_"]').each(function() {
                closeDialogForm($(this).attr('id'));
            });
        }
    });
});

function showShadow (zIndex)
{
    $("#shadowBox").css("z-index", (zIndex - 1)).show();
}

function hideShadow ()
{
    $("#shadowBox").hide();
}

function bindSimpleAjaxForm ()
{

    var options = {
        success:   onAjaxSubmitForm,  // post-submit callback
        dataType:  'json',
        //timeout:   3000,
        beforeSubmit: function (formdata, form) {
			if (typeof validateFormVars == 'function') {
        		return validateFormVars(formdata, form);
			} else {
				return true;
			}
        }
    };
	// вешаем ajax form submit
    $('form.simpleform').ajaxForm(options);
}

function validateFormVars(formdata, form) {
    var formId = $(form).attr('id');
    // если форма является тогглабл
    if ($(form).hasClass('togglable')) {
        for (i=0; i < formdata.length; i++) {
            if (oldvalue[formId][formdata[i].name]) {
                if ( oldvalue[formId][formdata[i].name] == formdata[i].value) {
                    formdata[i].value = '';
                }
            }
        }
    }
	return true;
}


function buildTreeNode(dirsTree, dirPreId) {
  var treeItem = '';
  var spanClass = '';
  for (var node in dirsTree) {
    if (dirsTree[node].dirSelectEndOn) {
      currentDirHref = dirsTree[node].dirBuilderUrl;
      $.post(
        dirsTree[node].dirBuilderUrl,
        {},
        onAjaxDirSelect
      );
      spanClass = ' class="fs_active" ';
    } else {
      spanClass = '';
    }
    if (dirsTree[node].dirsMenuTree) {
      if (dirsTree[node].dirSelectOn) {
        treeItem += '<li><span class="fs_minus" id="node_' + dirsTree[node].dirId + '"></span><a href="'+ dirsTree[node].dirBuilderUrl +'" class="fs_doc"><span ' + spanClass + '>' + dirsTree[node].dirSubject +'</span></a></li>';
        treeItem += '<ul id="sub_node_' + dirsTree[node].dirId + '">' + buildTreeNode(dirsTree[node].dirsMenuTree, dirsTree[node].dirId) + '</ul>';
      } else {
        treeItem += '<li><span class="fs_plus" id="node_' + dirsTree[node].dirId + '"></span><a href="'+ dirsTree[node].dirBuilderUrl +'" class="fs_doc"><span ' + spanClass + '>' + dirsTree[node].dirSubject +'</span></a></li>';
        treeItem += '<ul style="display: none;" id="sub_node_' + dirsTree[node].dirId + '">' + buildTreeNode(dirsTree[node].dirsMenuTree, dirsTree[node].dirId) + '</ul>';
      }
    } else {
      treeItem += '<li><span></span><a href="'+ dirsTree[node].dirBuilderUrl +'" class="fs_doc"><span ' + spanClass + '>' + dirsTree[node].dirSubject +'</span></a></li>';
    }
  }
  return treeItem;
}

function buildDirsTree() {
  $("#fs_sidebar").empty();
  for (var node in dirsTree) {
    dirRootHref = dirsTree[node].dirBuilderUrl;
    if (dirsTree[node].dirSelectEndOn) {
      currentDirHref = dirsTree[node].dirBuilderUrl;
      $.post(
        dirsTree[node].dirBuilderUrl,
        {},
        onAjaxDirSelect
      );
      $('<p><a href="' + dirsTree[node].dirBuilderUrl + '" class="fs_index_active">' + dirsTree[node].dirSubject +'</a></p>').appendTo("#fs_sidebar");
    } else {
      $('<p><a href="' + dirsTree[node].dirBuilderUrl + '" class="fs_index">' + dirsTree[node].dirSubject +'</a></p>').appendTo("#fs_sidebar");
    }
    $('<div id="fs_tree"><ul>' + buildTreeNode(dirsTree[node].dirsMenuTree, dirsTree[node].dirId) +'</ul></div>').appendTo("#fs_sidebar");
    var buttons = $(
      '<div class="fs_buttons">' +
      '<a href="' + currentDirHref + '?section=new" class="fs_btnSmall" id="addDirButton">Добавить</a>' +
      '<a href="' + currentDirHref + '?section=remove" class="fs_btnSmall" id="removeDirButton">Удалить</a>' +
      '<a href="' + currentDirHref + '?section=move" class="fs_btnSmall" id="moveDirButton">Перенести</a>' +
      '<div class="fs_clear"></div>' +
      '</div>'
    );
  }
  buttons.appendTo("#fs_sidebar");
}

function onAjaxDirSelect(data)
{
  // Здесь мы получаем данные, отправленные сервером
  $("#fs_content").empty();
  $(data).appendTo("#fs_content");
    // опции для ajax submit form
    var options = {
        success:   onAjaxSubmitForm,  // post-submit callback
        dataType:  'json'
        //timeout:   3000
    };
    // определяем текущий узел
    if (currentDirId != $('input#currentDirId').attr('value')) {
      currentDirId = $('input#currentDirId').attr('value');
      currentFormBlock = 'dirParamsBlock';
    }
    // делаем активным нужный таб и показываем нужный блок
    $('a.tabsLink[rel='+ currentFormBlock +']').parent().addClass('fs_activeTab');
    $('div#' + currentFormBlock).css({display : "block"});
    // вешаем ajax form submit
    $('form#editDirForm').ajaxForm(options);
    $('form#aclDirForm').ajaxForm(options);
    $('form#ctrlEditForm').ajaxForm(options);
    $('form#ctrlEditAclForm').ajaxForm(options);
	resizeWindow();
}
//функция показа формы создания нового узла
function showAddDirForm(data) {
  closeDialogForm('fs_dialogForm');
  closeDialogForm('fs_dirsTreeForm');
  $(data).appendTo("body");
  showDialogForm('fs_dialogForm', 700, 540);
}
//функция показа формы переноса узла
function showMoveDirForm(data) {
  closeDialogForm('fs_dialogForm');
  closeDialogForm('fs_dirsTreeForm');
  $(data).appendTo("body");
  showDialogForm('fs_dialogForm', 700, 210);
}
//функция показа формы удаления узла
function showRemoveDirForm(data) {
  closeDialogForm('fs_dialogForm');
  closeDialogForm('fs_dirsTreeForm');
  $(data).appendTo("body");
  showDialogForm('fs_dialogForm', 280, 140);
}
//функция показа формы выключения узла
function showConfirmDirForm(data) {
  closeDialogForm('fs_dialogForm');
  closeDialogForm('fs_dirsTreeForm');
  $(data).appendTo("body");
  showDialogForm('fs_dialogForm', 300, 140);
}

function showAddCtrlForm(data) {
  closeDialogForm('fs_dialogForm');
  closeDialogForm('fs_dirsTreeForm');
  $(data).appendTo("body");
  showDialogForm('fs_dialogForm', 450, 180);
}

function buildTreeNodeForm(dirsTree, dirPreId) {
  var treeItem = '';
  for (var node in dirsTree) {
    if (dirsTree[node].dirsMenuTree) {
      treeItem += '<li><span class="fs_plus" id="fnode_' + dirsTree[node].dirId + '"></span><a href="'+ dirsTree[node].dirBuilderUrl +'" class="fs_doc" rel="treeform"><span>' + dirsTree[node].dirSubject +'</span></a></li>';
      treeItem += '<ul style="display: none;" id="sub_fnode_' + dirsTree[node].dirId + '">' + buildTreeNodeForm(dirsTree[node].dirsMenuTree, dirsTree[node].dirId) + '</ul>';
    } else {
      treeItem += '<li><span></span><a href="'+ dirsTree[node].dirBuilderUrl +'" class="fs_doc" rel="treeform"><span>' + dirsTree[node].dirSubject +'</span></a></li>';
    }
  }
  return treeItem;
}
//функция открытия диалоговой формв
function showDialogForm(formId, width, height, z_index)
{
  if (!z_index) z_index = 1000;
  showShadow(z_index);
  var top = $(document).scrollTop() + ($(window).height() / 2 - height /2);
  var left = $(document).scrollLeft() + ($(window).width() / 2 - width /2);
  $('#' + formId).css(
    {
      top:  top + 'px',
      left:  left + 'px',
        width: width + 'px',
        height: height + 'px',
        display: "block",
        zIndex: z_index
      }
  );
  //делаем форму перемещаемой
  $('#' + formId).draggable(
    {
      handle: 'div.fs_dialogFormHead'
    }
  );
  
    // опции для ajax submit form
    var options = {
        success:   onAjaxSubmitForm,  // post-submit callback
        dataType:  'json'
        //timeout:   3000
    };
    // вешаем ajax form submit
    $('form.dialogform').ajaxForm(options);

}
//функция закрытия диалоговой формв
function closeDialogForm(formId)
{
  $('#' + formId).removeShadow();
  $('#' + formId).remove();
  hideShadow();
  return false;
}

function onAjaxSubmitForm(response, statusText, form) {
    if (statusText == 'success') {
        if (response.submitOn) {
            if (response.redirectUrl) {
              if (response.openerOn) {
                  window.opener.location = response.redirectUrl;
                  window.opener.location.reload();
                  window.close();
              } else {
                  window.location = response.redirectUrl;
              }
            } else if (response.reloadOn) {
        if (typeof reloadPage == 'function') {
            // функция существует, ее можно вызывать
            closeDialogForm('fs_dialogForm');
            reloadPage(window.location.href, response);
        } else {
          window.location.reload();
        }
            } else {
              closeDialogForm('fs_dialogForm');
              if (response.dirsTree) {
                dirsTree = response.dirsTree;
          buildDirsTree();
              }
            }
        }
        if (response.errors) {
          if ( $('#randomImage') ) {
        		$('#randomImage').attr('src', '/antibot.php?u=' + Math.random());
          }
            $(form).find('.fs_error').empty();
            for (var ctrlErr in response.errors) {
                $('#err_' + $(form).attr('id') + '_' + ctrlErr).html(response.errors[ctrlErr]).show();
            }
        }
    }
}
//функция показа формы выбора узла
function showDirTreeForm(data) {
  $(data).appendTo("body");
  showDialogForm('fs_dirsTreeForm', 250, 400, 2000);
  for (var node in dirsTree) {
    $('<p><a href="' + dirsTree[node].dirBuilderUrl + '" class="fs_index_active" rel="treeform">' + dirsTree[node].dirSubject +'</a></p>').appendTo("#dirsTree");
    $('<div id="fs_tree"><ul>' + buildTreeNodeForm(dirsTree[node].dirsMenuTree, dirsTree[node].dirId) +'</ul></div>').appendTo("#dirsTree");
  }
  //биндим клик по кнопке выбрать
  $("a.selectTreeDialogForm").click( function (e) {
    redirUrl = redirUrl.replace('builder.html', '');
    if ($('#editFormFlag').attr('value') == 1) {
      $('form#editDirForm input[name="redirUrl"]').attr("value", redirUrl);
    } else {
      $('form.dialogform input[name="redirUrl"]').attr("value", redirUrl);
    }
    redirUrl = '';
    closeDialogForm('fs_dirsTreeForm');
    });
  //биндим клик по кнопке закрыть
  $("a.closeTreeDialogForm").click( function (e) {
    closeDialogForm('fs_dirsTreeForm');
    });
}
//функция показа формы авторизации
function showAuthForm(data) {
	closeDialogForm('fs_login');
	$(data).appendTo("body");
	showDialogForm('fs_login', 459, 293, 20000);
}

function openAuthForm(url) {
  $.post(
    url,
    { t: (new Date).getTime()  },
    showAuthForm
  );
}

function openContentEditor(linkobj) {
  winobj=open($(linkobj).attr('href'),"editor","");
  winobj.focus();
}
