{header_cssjs}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="/js/datepicker.js" type="text/javascript" charset="UTF-8" language="javascript"></script>
<link rel="stylesheet" href="/css/datepicker.css" type="text/css"/>

    <script type="text/javascript">
$(document).ready(function() {   
    $('a[name=modal]').click(function(e) {
    e.preventDefault();
    var id = $(this).attr('href');
  
        var maskHeight = $(document).height();
    var maskWidth = $(window).width();
  
    $('#mask').css({'width':maskWidth,'height':maskHeight});
  
  /*  $('#mask').fadeIn(1000); */
    $('#mask').fadeTo("slow",0.4); 
  
    var winH = $(window).height();
    var winW = $(window).width();
  
   $(id).css('top',  winH/2-$(id).height()/1.5);
    $(id).css('left', winW/2-$(id).width()/2);
  
    $(id).fadeIn(1000); 
  
   });
  
    $('.window .close').click(function (e) {
e.preventDefault();
    $('#mask, .window').hide();
    }); 
 
/*    $('#mask').click(function () {
    $(this).hide();
    $('.window').hide();
    }); */
  
    });  
</script>

<link rel="stylesheet" href="/css/styles.css" type="text/css" />
<!--<script src="/src/js/jscal2.js"></script>
    <script src="/src/js/jscal2.js"></script>
    <script src="/src/js/lang/en.js"></script>-->
    <link rel="stylesheet" type="text/css" href="/src/css/jscal2.css" />
<script type="text/javascript"  language="javascript">

var tabs = ['tab1','tab2','tab3','tab4','tab5','tab6'];
function hide(){
for (i in tabs){
if(document.getElementById(tabs[i])!=undefined)
document.getElementById(tabs[i]).style.display='none';
}
}
function show(id){
hide();
if( document.getElementById(id)!=undefined)
document.getElementById(id).style.display='block';
}

$(document).ready(function() {
//show('tab1');
});

</script>
<script type="text/javascript">
$(document).ready(function() {
	var maskHeight = $(document).height();
    var maskWidth = $(window).width();


    $('.linkinfo').click(function(e) {
    	var result = $("#select-result").empty(); 
    	var data = new Array; 		   
		var x=new Object;
		var ajaxlink;
		x.id=$(this).attr('ajax_id');
		x.checkevent=$(this).attr('checkevent');
		if(x.checkevent == 'info'){
			document.getElementById("zaholovok").innerHTML = null;
			document.getElementById('zaholovok').innerHTML = 'Инфо';
			ajaxlink = "/reservations/ajax_info";
		}
		data.push(x);
		var id = $(this).attr('href');	
		$.ajax({
			url: ajaxlink,
            data: ({reservations : data}),
            type:'post',
            success: function(data) {			 
            
            //hide();
			result.html(data);

				show('tab1'); 
				    	  
		    $('#mask').css({'width':maskWidth,'height':maskHeight});  	  
		    $('#mask').fadeTo("slow",0.4); 	  
		    var winH = $(window).height();
		    var winW = $(window).width();
//		    alert(winH/2-$(id).height()/2);
//		    alert($(id).height()/2);
//		    alert(winH/2);
		    
		    var top = winH/2-$(id).height()/2;
		    if(top<0){
		    top=50;
		    }
		   	$(id).css('top',  top);
		    $(id).css('left', winW/2-$(id).width()/2);
			$(id).fadeIn(1000);
		
		    			
		  }         
			});    	

		e.preventDefault();
		//alert(ajaxlink+x.id);
    }); 
  
});
</script>


	
</head>

<!-- header -->
{header}
<!-- #header -->

<div id="tabs" class="height_tabs">

</div>
<br/>
<table class="content">
<tr class="width100"><td class="spysok_brony"></td>
<td id="blue_zagolovok">
DC Setup
</td>
<td class="td_btn">

</td>

<td class="round2"></td></tr>
<tr><td class="left_design"></td>
<td class="content_td" colspan="2">
{menu_html}
<!-- center block -->
<div class="sectionContent minHeight">

<p></p>


<script type="text/javascript">
$(document).ready(function(){
   
    $('select[name=feedbackType]').change(function(){
        if ($(this).val() == 'q1') {
            $('#box1').show();
        } else {
            $('#box1').hide();
        }
		
		if ($(this).val() == 'q2') {
            $('#box2').show();
        } else {
            $('#box2').hide();
        }
				if ($(this).val() == 'q3') {
            $('#box3').show();
        } else {
            $('#box3').hide();
        }

    });
   
});

</script>


<script type="text/javascript">
$(document).ready(function(){
    $("#more").click(function(){
        $("#outer_more").show();
		$("#more").hide();
    });
});
</script>
<div id="fbForm" class="divPad" style="">
{dc_accounts}
<div style="padding:5px 10px 5px 10px;border:5px solid #CCC;overflow:hidden;width:700px;">


<div id="panel" >
{dc_account_id}

<form method="post" action="/home/dc_setup_post"/>
<input type="hidden" name="dc_account_id" value="{dc_account_id}">
<input type="hidden" name="hotel_id" value="{hotel_id}">
<input type="hidden" name="dc_id" value="{dc_id}">
<div class="feedbackSection">
<h3>{hms_url} : {dbname}</h3>
<hr>
</div>

<div class="feedbackSection">
<h3>Debug mode:</h3>
<select name="debug_mode">{debug_mode_select}</select>
</div>

<div class="feedbackSection">
<h3>Режим теста:</h3>
<select name="test_mode">{test_mode_select}</select>
</div>

<div class="feedbackSection">
<h3>DC Hotel ID</h3>
<input class="text" type="text" name="dc_hotel_id" value="{dc_hotel_id}">
</div>

<div class="feedbackSection">
<h3>currency</h3>
<input class="text" type="text" name="currency" value="{currency}">
</div>

<div class="feedbackSection padTop">
<h3>Password</h3>
<div style="margin:10px 0;">
<input class="text" type="password" name="password" value="">
</div>
</div>

<div class="divPad">
<input type="submit" value="Save"/>
</div>
</form>
</div>
</div>
{/dc_accounts}
<form name="add_account" method="post" action="/home/add_hotelbook_account">
<input class="text" type="text" name="dc_account_id" value=""> <br> <input type="submit" value="+ Добавить"/>
</form>
</div>
</div>


<!-- #center block -->
</td>

		<td class="right_design"></td>
        </tr>
        <tr>
        <td class="niz_left"></td>
        <td class="niz_center"colspan="2"></td>
        <td class="niz_right"></td>
        </tr>
        </table>
<!-- footer -->
{footer}