showpics.php

<?php


define('GRABBED',
   'http://kimdm79.hostenko.com/examples/phpnew/parsed_2507287279.txt');

define('FAVS','../favpics.txt');

   //set_time_limit(0);
   //ob_implicit_flush();

   /*$zstr=file_get_contents(GRABBED);
   header('Content-type:text/plain');
   echo $zstr;
   exit();*/

   if (!isset($_POST['step'])) {
      session_start();
      session_destroy();
      session_commit();

      zpage();
      exit();
   }
   //------------------------------------
   session_start();
   //--------------------------post fav
   if (isset($_POST['favpic'])) {

      if (!file_exists(FAVS)) {
         $fhandle=fopen(FAVS,'wb');
         fclose($fhandle);
      }

      $fhandle=fopen(FAVS,'ab');
      fwrite($fhandle,$_POST['favpic']."\r\n");
      fclose($fhandle);
      echo 'ok';
      exit();

   }
   //------------------------------------
   if (isset($_SESSION['zstru']))
      $zstru=$_SESSION['zstru'];
   else
      $zstru=file_get_contents(GRABBED);


   $f=strpos($zstru,"\r\n");
   $nims=0;

   $items_out=array();

   while (($f!=-1) && ($nims<32)) {

      $item_out=array();
      $zelem=substr($zstru,0,$f);


      $zstru=substr($zstru,$f+2);

      $zarr=explode('|ABC|',$zelem);
      $im=array_pop($zarr);
      $rel=array_pop($zarr);

      if ($rel!='') {
         $im=str_replace('..','http://kimdm79.hostenko.com/examples/phpnew',$im);
         //echo '<img src="'.$im.'" rel="'.$rel.'" />';

         $item_out['small']=$im;
         $item_out['big']=$rel;

         $items_out[]=$item_out;
         $nims++;
         }

      $f=strpos($zstru,"\r\n");

   }
   $_SESSION['zstru']=$zstru;
   session_commit();

   echo json_encode($items_out);

//---------------------------------------------
function zpage() {

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <script type='text/javascript' src='js/jquery-1.7.2.js'></script>

   <script type="text/javascript">

      var gl_scroll=0;
      var scrTop=0;
      var prevX, prevY;
      var gl_moved;

      //--------------------------------------toggle lightbox
      function showlb(on) {
         if (on) {
            $('#lbox').css('width',screen.width+'px');
            $('#lbox').css('height',screen.height+'px');

            $('#lbox').fadeIn('slow');
         }
         else {
            $('#lbox').fadeOut('slow');
         }

      }

      //--------------------------------scroll event handler
      function scrollEv() {

         scrolled = window.pageYOffset || document.documentElement.scrollTop;

         if (scrolled<scrTop) {
            scrTop=scrolled;
            return;
            }
         scrTop=scrolled;

         if (gl_scroll!=0) {
            return;
         }


         load_pics();
      }

      //------------------------------load pictures
      function load_pics() {

         var pageHeight = document.documentElement.clientHeight;
         var scrolled = window.pageYOffset || document.documentElement.scrollTop;

         var contentHeight = $('#allpics').height()+$('#allpics').position().top;

         if ((pageHeight+scrolled)>(contentHeight-1000)) {
            //alert('go');
            if  ($('#allpics .img_div').length>200) {
               $('#allpics .img_div').slice(0,32).remove();
            }

            gl_scroll=1;
            //----------------------------------------------------------------
            $.ajax ( {
               type: 'POST',
               url:  '<?=$_SERVER['PHP_SELF']?>',
               dataType: 'json',
               data: {step:''}
            }
            //-----------------------------------
            ).done(
               function(infj) {
                  //--------------------------------
                  $.each(infj, function(i,valu) {
                     var zDiv=$('<div>',{'class':'img_div'});
                     var zImg=$('<img>',{'src':valu['small'],'rel':valu['big']});
                     //--------------------------------
                     /*zImg.load(function() {
                        var imgf= new Image();
                        imgf.src=$(this).attr('rel');
                     });*/
                     //--------------------------------

                     zImg.click(function() {
                        var imgz= new Image();
                        imgz.src=$(this).attr('rel');

                        save_result(
                           $(this).attr('rel')+'|ABC|'+
                           $(this).attr('src'));

                        $(imgz).load (function() {

                           $('#inpic img').attr('src',this.src);
                           $('#inpic').css('left',
                           Math.floor(screen.width/2-this.width/2)+'px');
                           $('#inpic').css('top',
                           Math.floor(screen.height/2-this.height/2)+'px');
                           showlb(true);
                        });
                        }
                     )
                     //--------------------------------
                     zDiv.append(zImg);
                     $('#allpics').find('#zclose').before(zDiv);

                  });

                  gl_scroll=0;
            });

         }
      }

      //----------------------------------------------------------
      function save_result(inpic) {
        $.ajax ( {
               type: 'POST',
               url:  '<?=$_SERVER['PHP_SELF']?>',
               data: {step:'', favpic:inpic}
            }).done(
               function(html) {
                  //alert(html);
               });

      }

      //----------------------------------------------------------
      function mouseDown(e) {

         e= e || event;

         prevX=e.clientX;
         prevY=e.clientY;

         $('#inpic').bind('mousemove',mouseMove);
         $('#inpic').bind('mouseup',mouseUp);

         gl_moved=false;

         return false;
      }
      //----------------------------------
      function mouseMove(e) {

         e = e || event;
         var diffX = e.clientX-prevX;
         var diffY = e.clientY-prevY;

         prevX=e.clientX;
         prevY=e.clientY;

         $(this).css('left', (this.offsetLeft+diffX)+'px');
         $(this).css('top', (this.offsetTop+diffY)+'px');

         gl_moved=true;
      }
      //----------------------------------
      function mouseUp(e) {
         $(this).unbind('mouseup',mouseUp);
         $(this).unbind('mousemove',mouseMove);

         if (!gl_moved) {
            showlb(false);
         }

         //e = e || event;
         //e.stopPropagation();

      }
      //----------------------------------------------------------
      $(document).ready(
         function() {

            //-----------------------------------------------------
            $(window).scroll(scrollEv);
            $(window).on('resize',scrollEv);

            //-----------------------------------------------------

            $('#lbox').click( function() {
               showlb(false);
            });
            //------------------------
            $('#inpic').click( function(event) {

               event = event || window.event;
               if (event.stopPropagation) {
                  event.stopPropagation();
               } else {
                  event.cancelBubble=true;
               };


            })
            $('#inpic').bind('mousedown',mouseDown);

            //-----------------------------
            scrollEv();
            //setTimeout(scrollEv,2000);
            //setTimeout(scrollEv,4000);


         }
      )
   </script>
</head>

<style type="text/css">
   * {
      margin:0;
      padding:0;
   }

   .img_div {
      cursor:pointer;
      width:300px;
      height:200px;
      overflow:hidden;

      border-right:dotted 1px black;
      border-bottom:dotted 1px black;
      float:left;

   }

   #lbox {
      position:fixed;

   }

   #shade {
      position:absolute;
      background-color:black;
      opacity:0.8;
      filter:alpha(opacity=80);
      width:100%;
      height:100%;
      z-index:100;
   }

   #inpic {
      position:absolute;
      z-index:200;
      cursor:pointer;

   }

</style>


<body>
<div id="lbox">
  <div id="shade"></div>
  <div id="inpic"><img /></div>
</div>

<div id="allpics">


   <div id="zclose"
      style="height:400px;background:#eee;border:solid 1px  black;clear:both">

      <?php
         /*$favs=file(FAVS);
         foreach ($favs as $fav) {

            $zarr=explode('|ABC|',$fav);
            $im=array_pop($zarr);
            $rel=array_pop($zarr);

            if ($rel!='') {
               $im=str_replace('..','http://kimdm79.hostenko.com/examples/phpnew',$im);
               echo '<img src="'.$im.'" rel="'.$rel.'" />';
            }
         }*/


      ?>
   </div>


</div>
</body></html>

<?php
}
?>