/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for source code
* This copyright notice must stay intact for legal use
* Modified for autowidth and optional starting positions in
* http://www.dynamicdrive.com/forums/showthread.php?t=11839 by jschuer1 8/5/06
***********************************************/

 //1) Set width of the "neutral" area in the center of the gallery.
var restarea=4;
 //2) Set top scroll speed in pixels. Script auto creates a range from 0 to top speed.
var maxspeed=15;
 //3) Set to maximum width for gallery - must be less than the actual length of the image train.
var maxwidth=1500;
 //4) Set to 1 for left start, 0 for right, 2 for center.
var startpos=0;
 //5) Set message to show at end of gallery. Enter "" to disable message.
var endofgallerymsg='<span style="font-size: 11px;"></span>';

//// МОИ ПЕРЕМЕННЫЕ ////
var PUBLIC_DATE = '';
var IDVIDEO;
var i = 1;
var content = null
var myScrollmode = 'movies'
var actualwidth
var menuwidth
var arrLine

////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById, scrollspeed=0, movestate='', actualwidth='', cross_scroll, ns_scroll, statusdiv, loadedyes=0, lefttime, righttime;

function ietruebody()
{
         return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function creatediv()
{
         statusdiv=document.createElement("div")
         statusdiv.setAttribute("id","statusdiv")
         document.body.appendChild(statusdiv)
         statusdiv=document.getElementById("statusdiv")
         statusdiv.innerHTML=endofgallerymsg
}

function positiondiv()
{
         var mainobjoffset=getposOffset(crossmain, "left"),
         menuheight=parseInt(crossmain.offsetHeight),
         mainobjoffsetH=getposOffset(crossmain, "top");
         statusdiv.style.left=mainobjoffset+(menuwidth/2)-(statusdiv.offsetWidth/2)+"px";
         statusdiv.style.top=menuheight+mainobjoffsetH+"px";
}

function showhidediv(what)
{
         if(endofgallerymsg!="") 
         {
           positiondiv();
           statusdiv.style.visibility=what;
         }
}

function getposOffset(what, offsettype)
{
         var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop;
         var parentEl=what.offsetParent;
         while (parentEl!=null){
         totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
         parentEl=parentEl.offsetParent;
         }
         return totaloffset;
}


function moveleft()
{
         if (loadedyes)
         {
           movestate="left";

           if( parseInt(cross_scroll.style.left) < ( menuwidth-actualwidth + 300 ) )
           {
             if( i == 1 )
             {
               if( myScrollmode == 'prints' )
                 addMenu();
               else
                   addMoviesMenu();

               i = 0
             }
             if( content )
             {
               i = 1          ;
               content = null ;
             }
           }
           
           
           if(iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth))
           {
             cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px";
             showhidediv("hidden");
           }
           else
               showhidediv("visible");
         }

         lefttime=setTimeout("moveleft()",10);
}

function moveright()
{
         if(loadedyes)
         {
           movestate="right";
           if(iedom&&parseInt(cross_scroll.style.left)<0)
           {
             cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px";
             showhidediv("hidden");
           }
           else
               showhidediv("visible");
         }

         righttime=setTimeout("moveright()",10);
}

function motionengine(e)
{
         var mainobjoffset=getposOffset(crossmain, "left"),
         
         dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft,
         dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop,
         
         curposy=window.event? event.clientX : e.clientX? e.clientX: "";
         curposy-=mainobjoffset-dsocx;
         
         var leftbound=(menuwidth-restarea)/2;
         var rightbound=(menuwidth+restarea)/2;
         if (curposy>rightbound)
         {
           
           scrollspeed=(curposy-rightbound)/((menuwidth-restarea)/2) * maxspeed;
           clearTimeout(righttime);
           
           if(movestate!="left") 
             moveleft();
         }
         else if (curposy<leftbound)
         {
              scrollspeed=(leftbound-curposy)/((menuwidth-restarea)/2) * maxspeed;
              clearTimeout(lefttime);
              if (movestate!="right") moveright();
         }
         else
             scrollspeed=0;
}

function contains_ns6(a, b) 
{
         if(b!==null)
           while(b.parentNode)
                if((b = b.parentNode) == a)
                  return true;
         
         return false;
}

function stopmotion(e)
{
         if(!window.opera||(window.opera&&e.relatedTarget!==null))
         if((window.event&&!crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget!= e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget)))
         {
           clearTimeout(lefttime);
           clearTimeout(righttime);
           movestate="";
         }
}

function fillup(sellectorMode)
{
         
         if( sellectorMode == 'movies' )
         {
           startMoviesMenu()
           myScrollmode = sellectorMode
         }
         else
         {
             myScrollmode = sellectorMode
             startMenu()
         }
         
         
         if(iedom)
         {
           crossmain=document.getElementById? document.getElementById("motioncontainer") : document.all.motioncontainer;
           
           if(typeof crossmain.style.maxWidth!=='undefined')
             crossmain.style.maxWidth=maxwidth+'px';
           
           menuwidth=crossmain.offsetWidth;
           cross_scroll=document.getElementById? document.getElementById("motiongallery") : document.all.motiongallery;
           actualwidth=5000
           
           cross_scroll.style.left=0+'px';

           crossmain.onmousemove=function(e)
           {
                     motionengine(e);
           }

           crossmain.onmouseout=function(e)
           {
                     stopmotion(e);
                     showhidediv("hidden");
           }

         }

         loadedyes=1
         if(endofgallerymsg!="")
         {
           creatediv();
           positiondiv();
         }


}




function addMenu()
{

         var req = new JsHttpRequest();
         req.onreadystatechange = function() 
         {
             if (req.readyState == 4) 
             {

                 if( PUBLIC_DATE == req.responseJS.PUBLIC_DATE )
                   return;

                 arrLine += req.responseText;
                 document.getElementById("trueContainer").innerHTML = '<table cellspacing="0" cellpadding="3" style="margin-top:5px"><tr>'+arrLine+'</tr></table>';
                 PUBLIC_DATE = req.responseJS.PUBLIC_DATE
                 content  = req.responseText;
                 var COUNT = req.responseJS.COUNT

                 actualwidth+=COUNT*154
             }
         }

         req.open('POST', '/ajax/moveMenu/moveMenu.php', true);
         req.send( { PUBLIC_DATE: PUBLIC_DATE } );

}

function startMenu()
{
         document.all.trueContainer.innerHTML = '<center><img src="/design/newspage/loading.gif" border="0"></center>'
         
         myScrollmode = 'prints';
         
         var req = new JsHttpRequest();
         req.onreadystatechange = function() 
         {
             if (req.readyState == 4) 
             {
                 arrLine = req.responseText;
                 document.getElementById("trueContainer").innerHTML = '<table cellspacing="0" cellpadding="3" style="margin-top:5px"><tr>'+arrLine+'</tr></table>';
                 PUBLIC_DATE = req.responseJS.PUBLIC_DATE;
                 content  = req.responseText;
                 var COUNT = req.responseJS.COUNT

                 actualwidth=COUNT*154

                 
             }
         }

         req.open('POST', '/ajax/moveMenu/moveMenu.php', true);
         req.send( null );


}


function addMoviesMenu()
{
         var req = new JsHttpRequest();
         req.onreadystatechange = function() 
         {
             if (req.readyState == 4) 
             {
                 
                 if( IDVIDEO == req.responseJS.IDVIDEO )
                   return;
                 
                 arrLine += req.responseText
                 document.getElementById("trueContainer").innerHTML = '<table cellspacing="0" cellpadding="0" style="margin-top:5px"><tr>'+arrLine+'</tr></table>';
                 
                 IDVIDEO = req.responseJS.IDVIDEO
                 var COUNT   = req.responseJS.COUNT;
                 content  = req.responseText;
                 actualwidth+=COUNT*154
             }
         }

         req.open('POST', '/ajax/moveMenu/moveMoviesMenu.php', true);
         req.send( { IDVIDEO: IDVIDEO } );

}

function startMoviesMenu()
{
         document.all.trueContainer.innerHTML = '<center><img src="/design/newspage/loading.gif" border="0"></center>'
         
         myScrollmode = 'movies';
         
         var req = new JsHttpRequest();
         req.onreadystatechange = function() 
         {
             if (req.readyState == 4) 
             {
                 arrLine = req.responseText
                 document.getElementById("trueContainer").innerHTML = '<table cellspacing="0" cellpadding="0" style="margin-top:5px"><tr>'+arrLine+'</tr></table>';
                 IDVIDEO  = req.responseJS.IDVIDEO;
                 var COUNT   = req.responseJS.COUNT;
                 content  = req.responseText;
                 actualwidth=COUNT*154
             }
         }

         req.open('POST', '/ajax/moveMenu/moveMoviesMenu.php', true);
         req.send( null );


}


function changeScrollContent(myID)
{
                  
         document.getElementById("printsBTN").className = "searchButOut";
         document.getElementById("moviesBTN").className = "searchButOut" ;
         
         if(myID == 'printsBTN')
         {
           document.getElementById("motioncontainer").style.background = '#858282'
           document.getElementById("printsBTN").className = "searchButOver" ;
           fillup('prints');
         }
         else
         {
             document.getElementById("motioncontainer").style.background = '#eeeeee'
             document.getElementById("moviesBTN").className = "searchButOver" ;
             fillup('movies');
         }

}



function iframeMove(order, id) {
    // Опеределим шаг прокрутки в пикселях
    
    
    var step = 0;
    
    var re = /printLine/;
    
    
    if(re.test(document.getElementById(id).src))
      step = 460;
    else
    {
      re = /videoLine/; 
      if(re.test(document.getElementById(id).src))
      {
        step = 414;
      }
      else
      {
          getBlogIframe(order, id);
          return;
      
      }
    }

     
    // Получим доступ к iframe-у
    var iframe;
    if (!(iframe = document.getElementById(id))) return;
    // Получим доступ к объектам window & document iframe-а
    var iframeWin = iframe.contentWindow ? iframe.contentWindow : frames[id].window;
    var iframeDoc = iframe.contentDocument ? iframe.contentDocument : frames[id].document;
    // Получим высоту верт. и гор. скролла ифрейма
    var scrollX = (iframeWin.scrollX) ? iframeWin.scrollX : iframeDoc.documentElement.scrollLeft ? iframeDoc.documentElement.scrollLeft : iframeDoc.body.scrollLeft;
    var scrollY = (iframeWin.scrollY) ? iframeWin.scrollY : iframeDoc.documentElement.scrollTop ? iframeDoc.documentElement.scrollTop : iframeDoc.body.scrollTop;
    // Изменим её в соот-ии с переданным направлением,
    // воспользовавшись методом scrollTo(x, y)
    switch (order) {
        case "up" :
            iframeWin.scrollTo(scrollX, scrollY - step > 0 ? scrollY - step : 0);
        break;
        case "down" :
            iframeWin.scrollTo(scrollX, scrollY + step);
        break;
        case "left" :
            iframeWin.scrollTo(scrollX - step > 0 ? scrollX - step : 0, scrollY);
        break;
        case "right" :
            iframeWin.scrollTo(scrollX + step, scrollY);
        break;
        default :
            // Nothing
        break;
    }
    return false;
}


function changeLineVisio(tab)
{

         if( tab == 'videotekaTab' )
         {
           document.getElementById('videotekaTab').style.backgroundImage='url(/design/newspage/videotekared.png)'; 
           document.getElementById('printotekaTab').style.backgroundImage='url(/design/newspage/printotekablu.png)';
           document.getElementById('myVideoIframe').src='/ajax/videoLine/';

         }
         else
         {
             document.getElementById('videotekaTab').style.backgroundImage='url(/design/newspage/videotekablu.png)'; 
             document.getElementById('printotekaTab').style.backgroundImage='url(/design/newspage/printotekared.png)';         
             document.getElementById('myVideoIframe').src='/ajax/printLine/';
         }



}

function getBlogIframe(order, id)
{

         
         
         var req = new JsHttpRequest();
         req.onreadystatechange = function() 
         {
             if (req.readyState == 4) 
             {
                document.getElementById(id).src = req.responseJS.src;
             }
         }         
         
         
         req.open('POST', '/ajax/moveMenu/blogs.php', true);
         req.send( { src: document.getElementById(id).src, order:order } );         
         

}

function getmyGalTab(id)
{

         document.getElementById('galTab1').className = "blueMenuInf" ; 
         document.getElementById('galTab2').className = "blueMenuInf" ; 
         document.getElementById('galTab3').className = "blueMenuInf" ; 
         document.getElementById(id).className  = "whiteMenuInf" ;


         if(id == 'galTab1')
           document.getElementById('myVideoIframe').src = '/ajax/blogLine/';

         if(id == 'galTab2')
           document.getElementById('myVideoIframe').src = '/ajax/videoLine/';

         if(id == 'galTab3')
           document.getElementById('myVideoIframe').src = '/ajax/printLine/';




}