var $loadError = "Сбой соединения с сервером, повторите попытку позже.";
$(function() {
    $("p.order").live("click", function (){ siteOrder($(this)) });
    $("div.cbForm").html(cbForm);
    $("div.cbForm").find("form").ajaxForm(cb_submitOptions);
});

var submitOptions = {
    target:     '#dialog-tbljb-order',
    beforeSubmit: function(arr, $form, options) { arr.push( { name: 'ajax', value: '1' }, { name: 'ajaxFixDisable', value: '1' } ); },
    success:    function() {
	if ($("#dialog-tbljb-order").find("td.tdHdrInfo_error").length > 0){
	    fixInsertForm($("#dialog-tbljb-order"));
        } else {
	    $("#dialog-tbljb-order").html("");
// тут нужно доработать, если конец window.location.href равен /cgi-bin/myAccount/myAccount.cgi значит скорее всего этот урл после метода POST и нужно перейти на заглавную страницу
//	    window.location.href=window.location.href;
	    $("#dialog-tbljb-order").dialog('close');
	    alert('Форма успешно отправлена. С Вами свяжутся в бижайшее время.');
        }
    }
};

var cb_submitOptions = {
    target:     'div.cbForm',
    beforeSubmit: function(arr, $form, options) { arr.push( { name: 'ajax', value: '1' }, { name: 'ajaxFixDisable', value: '1' } ); },
    success:    function() {
	$("div.cbForm").hide();
	if ($("div.cbForm").find("td.tdHdrInfo_error").length > 0){
	    $("div.cbForm").find("td.tdHdrInfo_error").each(function (i){
		alert($(this).html());
	    });
	    $("div.cbForm").html(cbForm);
        } else {
	    alert('Мы записали Ваши контактные данные. С Вами свяжутся в бижайшее время.');
        }
	$("div.cbForm").html(cbForm);
	$("div.cbForm").find("form").ajaxForm(cb_submitOptions);
        $("div.cbForm").show();
    }
};

function processAnswer(html){
    if ($('#processAnswer').length == 0) $('body').append("<div id='processAnswer' style='display:none;'></div>");
    $('#processAnswer').html(html);
    $('#processAnswer .errorInfo').each(function (){ alert( $(this).html() ) });
    $('#processAnswer .info').each(function (){ alert( $(this).html() ) });
    $('#processAnswer').html("");
}

function siteOrder(ths){
//    var id = ths.closest('li').attr("id");
    if ($('#dialog-tbljb-order').length == 0){
	$('body').append("<div id='dialog-tbljb-order' class='popup-dialog' title='.'></div>");

	$("#dialog-tbljb-order").dialog({
		modal: true,
		autoOpen: false,
		resizable: false,
		draggable: false,
		width: 590,
//		minHeight: 250,
//		maxHeight: 400,
//		height: 350,
		show: 'blind',
		hide: 'explode',
		buttons: {
		    'Ок': function() {
			$(this).find("form").ajaxSubmit(submitOptions);
//			$(this).dialog('close');
		    },
		    Отмена: function() {
			$(this).dialog('close');
		    }
//		},
//		open: function() {
		}
	});

    }

//    var tbljbId = id.substr(0, id.indexOf('Id='));
//    var tbljbName;
    var actionTitle = "Оформить заказ";
    var url = "?action=drawTblJbInsert&tbljbId=orderList&vs=2/scId=4"

    $("#dialog-tbljb-order").dialog( "option", "title", actionTitle);

    $("#dialog-tbljb-order").html("<center><img src='/myAccount/images/ajax_loading/ajax-loading_1.gif' width='40' height='40' /></center>");
    $.ajax({
	url: url + "&ajax=1&ajaxFixDisable=1",
	cache: false, timeout: 60000,
	success: function(html){ 
	    setTimeout( function (){ 
		$("#dialog-tbljb-order").html(html);
		fixInsertForm ($("#dialog-tbljb-order"));
		$( "#dialog-tbljb-order" ).dialog( "option", "position", 'center' );
	     }, 300);
	},
	error: function (XMLHttpRequest, textStatus, errorThrown) { div.html($loadError); },
    });

    $("#dialog-tbljb-order").dialog('open');
}

function fixInsertForm (target){
//    target.attr("id", "activTarget");
    target.find("input[type='submit']").closest("tr").hide();
    target.find("td.tdHdr").hide();
    target.dialog( "option", "title", target.find("td.tdHdr").text());
    target.find("form").attr("ACTION", "myAccount.cgi");

    target.find("table.tbljb td:nth-child(1)").css("border", "1px solid #07a");
    target.find("table.tbljb td:nth-child(1):contains('sort')").parent().hide();
    target.find("table.tbljb tr, table.tbljb tr td").css("background-image", "none");
    target.find("table.tbljb tr:visible:odd").css("background-color", "#ddd");
    target.find("table.tbljb tr:visible:even").css("background-color", "#fff");

    target.find("form").ajaxForm(submitOptions);
}

var cbForm = '\
<form enctype="multipart/form-data" method="post" name="tbljbInsert" action="myAccount.cgi"> \
 <input type="hidden" value="tblJbInsert" name="action"> \
 <input type="hidden" value="callbackList" name="tbljbId">  \
 <input type="hidden" value="1" name="addFieldsExternal"> \
 <input type="hidden" value="" name="tblJbInsertRetries"> \
 <input type="hidden" value="2/scId=4" name="vs">         \
<table class="cb" style="margin: 5px auto;">                                     \
 <tbody><tr style="background-image: none; background-color: #fff;"> \
  <td style="">Контактная особа</td>                                 \
  <td style=""><input type="text" style="width: 100px;" value="" name="name"></td> \
  <td style="">Телефон</td>                                                        \
  <td style=""><input type="text" style="width: 100px;" value="" name="phone"></td> \
  <td style=""><input type="submit" value="Заказать обратный звонок" style="background: #cfc; color: #000; cursor: pointer;"></td>          \
 </tr>  \
 </tbody> \
</table>  \
</form>   \
';