{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">
Импорт Гостей с файла
</td>
<td class="td_btn">

</td>

<td class="round2"></td></tr>
<tr><td class="left_design"></td>
<td class="content_td" colspan="2">

<!-- center block -->
<div class="sectionContent minHeight">

<div id="fbForm" class="divPad" style="">

<div style="padding:5px 10px 5px 10px;border:5px solid #CCC;overflow:hidden;width:700px;">





<div id="panel" >

<form enctype="multipart/form-data" method="post" action="/home/guest_import_post"/>


<h3>Файл:</h3>
<div>
<input type="file" name="upload_file">
</div>

</div>

<div class="divPad">
<select name="date_format">
{select_date_format}
</select> - формат даты
</div>

<div class="divPad">
<select name="fio_format">
{select_fio_format}
</select> - формат даты
</div>

<div class="divPad">
<input type="checkbox" name="preview_mode" checked value="preview"/> - предворительный просмотр
</div>

<div class="divPad">
<input type="submit" value="Импорт"/>
</div>
</form>
</div>
</div>
Фамилия Имя Отчество
<br>
Дата рождения
<br>
Телефон
<br>
Email
<br>
Страна
<br>
Город
<br>
Адрес
<br>
Вид документа (ПАСПОРТ)
<br>
Серия документа
<br>
Номер документа
<br>
<hr>
delimiter - ";"

</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}