<html>
  <head>
    <meta http-equiv="Cache-Control" content="Public">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!-- AJAX CONNECTION --> <script language="JavaScript" type="text/javascript" src="/ajax/XHConn.js"></script> 
    <!-- PANEL --> <script language="JavaScript" type="text/javascript" src="/js/panel.js"></script> 
    <!-- CHECK NEW MAIL --> <script language="JavaScript" type="text/javascript" src="/js/check_new_mail.js"></script> 
    <!-- MENU --> <script language="JavaScript" type="text/javascript" src="/templates/1378272.tpl"></script> 
    <!-- Prototype--> <script language="JavaScript" type="text/javascript" src="http://llllll.eu/script/jquery.js"></script> 
    <title> {* title.tpl *}{include file="791948.tpl"}</title>
    <!--
div.node_content
table.node_stats
  a
ul.node_children
  li.root_photos
    a.vector
    div.th_cnt_photos
      div.sub-header
        input[type='checkbox']
        div.node_name
          a
      div.sub-content
        img
    ul
      li.sub-list
        a.vector
        div.th_cnt
          div.sub-header
            input[type='checkbox']
            div.node_name
              a
          div.sub-content
    -->
    {literal}
    <style>
      body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
        margin:0; 
        padding:0; 
      }
      table {
        border-collapse:collapse;
        border-spacing:0;
      }
      
      body {font:10px}
      
      
      div.node_content {float:left; padding:0.5em 0.6em; background:#222;}
      
      table.node_stats {border:0.5em solid #222}
      table.node_stats td {padding:0 0.2em}
      
      ul.node_children {clear:left; list-style-type:none;}
      
      li.root_photos {list-style-type:none;}
      div.th_cnt_photos {width:100%; border-bottom:1.5em solid #111; overflow: hidden;}
      div.th_cnt_photos div.sub-content {height:300px; width:8000px}
      li.sub-list-a {width: 300px;}
      
      li.sub-list,li.sub-list-a {list-style-type:none; margin:0 0 0 50px; float:left;}
      
      
      a.vector {display:none}
            
      div.sub-header {background: #333; height: 4em}
      div.sub-content {background: ;}
      div.sub-content img {margin: 0 1px 0 0;position:relative; z-index:-1}
      
      li.sub-list div.th_cnt, li.sub-list-a div.th_cnt {border:1px solid #222; border-right:0.5em solid #222}
      li.sub-list div.sub-header, li.sub-list-a div.sub-header {background: #000; position:relative; height:50px;}
      li.sub-list div.sub-header div.IeIsShit, li.sub-list-a div.sub-header div.IeIsShit {margin: 0 0 0 50px; padding: 0.2em 0.2em 0.2em 1em;}
      li.sub-list div.sub-header img, li.sub-list-a div.sub-header img { position:absolute;top:0;left:0;border-right:0.5em solid #222;}
      li.sub-list div.sub-content, li.sub-list-a div.sub-content {background: #222;}
    </style>
    
    <script type="text/javascript">
    <!--
      $(document).ready(function(){
        $('div.th_cnt_photos div.sub-content img').css({'visibility':'hidden'});
      });
      
      $(window).load(function(){
        $('div.th_cnt_photos div.sub-content img').each(function (n) {
          var img2div = document.createElement('div');
          $(img2div).css({ 'background':'url('+$(this).attr("src")+') no-repeat', 'width': $(this).width()+'px', 'height': $(this).height()+'px', 'float':'left', 'marginRight':'1px'});
          $(this).replaceWith(img2div);
        });
        
        $('div.th_cnt_photos div.sub-content').mousemove(function(e){
          var percento = $(window).width() / 100;
          var percent  = e.pageX / percento;
          if (a != percent || a == 0) {

        
            if (a > percent) {
              this.style.marginLeft = (this.offsetLeft + 10)+'px';
            } else {
              this.style.marginLeft = (this.offsetLeft - 10)+'px';
            }
            var a = percent;
          }alert('a='+a+' p='+percent);
        });/*
        $('div.th_cnt_photos div.sub-content').bind('mousedownd', function() {
          $(this).mousemove(function(e){
            var percento = $(window).width() / 100;
            var percent  = e.pageX / percento;
            if (a != percent || a == 0) {
              if (a > percent) {
                this.style.marginLeft = (this.offsetLeft + 10)+'px';
              } else {
                this.style.marginLeft = (this.offsetLeft - 10)+'px';
              }
              var a = percent;
            }
          });
        });*/        
      });
          
    //-->
    </script>
    {/literal}
  </head>
  
  <body>
    <div class='node_content'>
    {$node.node_content}
    </div>
    <table class='node_stats'>
      <tr><td>node: </td><td><a href='/id/{$node.node_id}'>{$node.node_name|strip_tags}</a></td></tr>
      <tr><td>parent: </td><td><a href='/id/{$node.node_parent}'>{$node.node_parent_name|strip_tags}</a></td></tr>
      <tr><td>owner: </td><td><a href='/id/{$node.node_creator}'>{$node.owner}</a></td></tr>
    </table>
    {include file="3882249.tpl"}
    
  </body>
</html>