<?
  // шаблон - вывод ссылками без разделитея
  function list_work_mo($list_recs,$options=array())
  { global $member ;
    $id=($options['id'])? 'id='.$options['id']:'' ;
    include_once('list_work_mo_tr.php') ;
    //$arr_member_views=
    ?><div class=list_work_mo <?echo $id?>>
      <table>
        <colgroup><col id="c0"><col id="c1"><col id="c3"><col id="c_photo"><col id="c_result"><col id="c12"><col id="c13"><col id="c14"></colgroup>
        <tr class="head"><th>№</th><th>Дата/время<br>Терминал<br>Тип контроля</th><th>ФИО<br>сотрудника</th><th>Фото</th><th>Проверка</th><th>Результат осмотра</th><th>Допуск</th><th>ТО</th><th>Биллинг</th></tr><?
        $i=_sizeof($list_recs) ;
        if (_sizeof($list_recs)) foreach($list_recs as $rec)
          {   list_work_mo_tr($rec,array('i'=>$i)) ;
              $i-- ;
          }


      ?></table><div id="panel_image_preview"></div></div>
      <script type="text/javascript">
          $j(document).ready(function()
          {    $j('div.list_work_mo td.photo div.img img').hover(
                  function() { $j('div#panel_image_preview').addClass('active').html('<img src="'+$j(this).attr('src')+'">');},
                  function() {  $j('div#panel_image_preview').removeClass('active');}
                ) ;
          }) ;
      </script>
      <style type="text/css">
          div.list_work_mo table{width:100%;table-layout:auto;border-collapse:collapse;border:1px solid #cccccc;margin-top:10px;}
          div.list_work_mo table col#c0{width:30px;}
          div.list_work_mo table col#c1{width:120px;}
          div.list_work_mo table col#c3{width:200px;}
          div.list_work_mo table col#c_photo{width:120px;}
          div.list_work_mo table col#c_result{width:300px;}
          div.list_work_mo table col#c12{width:auto;}
          div.list_work_mo table col#c13{width:auto;}
          div.list_work_mo table col#c14{width:auto;}
          div.list_work_mo table th{border:1px solid #dddddd;text-align:center;padding:5px;background:#dddddd;font-weight:bold;}
          div.list_work_mo table td{border:1px solid #cccccc;text-align:center;padding:5px;}
          div.list_work_mo table td.name{text-align:left;}
          div.list_work_mo table td.photo{min-width:120px;vertical-align:top;}
          div.list_work_mo table td.photo > div{position: relative;width:120px;}
          div.list_work_mo table td.photo div.img{width:100px;min-height:100px;margin-left:5px;position: relative;}
          div.list_work_mo table td.photo div.img.canvas img{position:absolute;top:0;left:0;z-index:1;}
          div.list_work_mo table td.photo div.img.canvas img.hidden{display:none;}
          div.list_work_mo table td.photo div.img.canvas img.ontop{z-index:1000;top:10px;  }
          div.list_work_mo table td.state_1{color:black;}
          div.list_work_mo table td.state_2{color:green;font-weight:bold;}
          div.list_work_mo table td.state_3{color:darkred;font-weight:bold;}
          div.list_work_mo table td.dopusk_1{color:white;background:rgba(0, 128, 0, 0.53);;}
          div.list_work_mo table td.dopusk_2{color:white;background:rgba(255, 0, 0, 0.51);;}
          div.list_work_mo table td.comment{text-align:center;}
          div.list_work_mo table td.comment ul{padding-left:0;margin-top:0;margin-bottom:0;color:red;}
          div.list_work_mo table div.ok{color:green;text-align:center;}
          div.list_work_mo table div.demo_access{width:36px;height:36px;background:url('/images/demo.png');margin:10px auto 0 auto;}
          div.list_work_mo table td.photo{text-align:left;}
          div.list_work_mo table td.photo img{margin-left:5px;}
          div.list_work_mo table td.result{vertical-align:top;}
          div.list_work_mo table td.result table td{text-align:left;}

      </style>

      <?
  }

?>
