{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">
{caption_page_name}
</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">

<p>{caption_info} </p>

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

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




<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="panel" >


<form enctype="multipart/form-data" onsubmit="return testFeedbackForm()" method="post" action="/home/Save_feedback"/>
<div class="feedbackSection">
<h3>{caption_msgtype}</h3>
<select id="feedbackType" onchange="onChangeFeedbackType()" style="padding:6px 3px 6px 10px;" name="title">
{titles}
<option value="{id_title}">{title_name}&nbsp;&nbsp;&nbsp;&nbsp; </option>
{/titles}
<!--   <option value="{qcaption_Intelligence}">{qcaption_Intelligence}&nbsp;&nbsp;&nbsp;&nbsp; </option>
  <option value="{qcaption_Functioning}">{qcaption_Functioning}&nbsp;&nbsp;&nbsp;&nbsp; </option>
   <option value="{qcaption_Error_report}">{qcaption_Error_report}&nbsp;&nbsp;&nbsp;&nbsp; </option>
    <option value="{qcaption_Overbook}">{qcaption_Overbook}&nbsp;&nbsp;&nbsp;&nbsp; </option>
     <option value="{qcaption_bookings}">{qcaption_bookings}&nbsp;&nbsp;&nbsp;&nbsp; </option>
      <option value="{qcaption_Sync}">{qcaption_Sync}&nbsp;&nbsp;&nbsp;&nbsp; </option>
       <option value="{qcaption_Parnership}">{qcaption_Parnership}&nbsp;&nbsp;&nbsp;&nbsp; </option>
        <option value="{qcaption_Task_request}">{qcaption_Task_request}&nbsp;&nbsp;&nbsp;&nbsp; </option>
         <option value="{qcaption_Billing}">{qcaption_Billing}&nbsp;&nbsp;&nbsp;&nbsp; </option>
          <option value="{qcaption_Aquiring}">{qcaption_Aquiring}&nbsp;&nbsp;&nbsp;&nbsp; </option>
           <option value="{qcaption_BSO}">{qcaption_BSO}&nbsp;&nbsp;&nbsp;&nbsp; </option>
            <option value="{qcaption_FMS}">{qcaption_FMS}&nbsp;&nbsp;&nbsp;&nbsp; </option>
             <option value="{qcaption_Personal_book}">{qcaption_Personal_book}&nbsp;&nbsp;&nbsp;&nbsp; </option>
              <option value="{qcaption_Print}">{qcaption_Print}&nbsp;&nbsp;&nbsp;&nbsp; </option>
               <option value="{General_inquiries}">{General_inquiries}&nbsp;&nbsp;&nbsp;&nbsp; </option> -->
</select>

</div>
<div class="feedbackSection padTop">
<h3>{caption_comments}</h3>
<div style="margin:10px 0;">
<input id="feedbackSummary" class="text" type="text" style="color:#CCC; width: 100%;"
onblur="if(this.value==''){this.value='{caption_brieftitul}...';this.style.color='#CCC';}"
onfocus="if(this.value=='{caption_brieftitul}...'){this.value='';this.style.color='#000';}"
value="{caption_brieftitul}..." size="50" name="subject"/>
</div>


<textarea id="contentbox" class="text" style="color:#CCC;width:100%;"
onfocus="if(this.value==this.defaultValue)this.value=''; this.style.color='#000';"
onblur="if(this.value=='')this.value=this.defaultValue;  "
rows="7" cols="50" name="message">{caption_fulltitul}...</textarea>


<div>
<div id="barbox"><div id="bar" style="width: 0px;"></div></div>
<div id="count">{caption_symbolnum}: 1200</div>
</div>
</div>

<div class="feedbackSection padTop" style="margin:10px 0">
<h3>{caption_msgpriority}</h3>
<div>
<select id="feedbackUrgency" style="padding:6px 3px 6px 10px;" name="privilege">
<option selected="" value="Low">{caption_lowpriority}&nbsp;&nbsp;&nbsp;&nbsp; </option>
<option value="Medium">{caption_midpriority}&nbsp;&nbsp;&nbsp;&nbsp; </option>
<option value="Urgent">{caption_highpriority}&nbsp;&nbsp;&nbsp;&nbsp; </option>
</select>
</div>

<h3>{caption_filename}:</h3>
<div>
<input type="file" name="upload_file" value="{caption_choose_file}">
</div>
<!-- <div style="margin:5px 0 0 0;">
<input id="sendACopy" type="checkbox" value="YES" name="sendACopy" />
<label for="sendACopy">{caption_copytoemail}</label>
</div>
 -->
</div>
<div class="divPad">
<input type="submit" value="{caption_savemsg}"/>
{caption_or}
<span class="mw_href_2">
<a class="close" href="/support/ticketslist">{caption_cancel}</a>
</span>
</div>
</form>
</div>
</div>

</div>
</div>

<script type="text/javascript">
$(document).ready(function()
{
$("#contentbox").keyup(function()
{
var box=$(this).val();
var main = box.length *100;
var value= (main / 1200);
var count= 1200 - box.length;

if(box.length <= 1200)
{
$('#count').html('Осталось символов: '+count);
$('#bar').animate(
{
"width": value+'%',
}, 1);
}
else
{
alert(' Full ');
}
return false;
});

});
</script>

<!-- #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}