﻿ function addEvent(obj ,evt, fnc)
      {
        if (obj.addEventListener)
          obj.addEventListener(evt,fnc,false);
        else if (obj.attachEvent)
          obj.attachEvent('on'+evt,fnc);
        else
          return false;
        return true;
      }
      function attscroll()
      {
        this.onscroll=onsc;
      
      }
      
      function onsc()
      {
          if (document.getElementById("popupView").style.display == 'block')
          {
          var ch = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
          var cw = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth;
          var sh=0;
          //alert(sh);
         if ((document.body) && (document.body.scrollTop)) {
                sh=document.body.scrollTop;
            }
            else if ((document.documentElement) && (document.documentElement.scrollTop)) {
            sh=document.documentElement.scrollTop;
            }
            //document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
          
          
            //document.getElementById("PopupPreview").style.top = (ch / 2 - 200) + sh + "px";
            document.getElementById("popupView").style.top = sh + "px";
            document.getElementById("popupView").style.left = (cw / 2 - 410) + "px";

            document.getElementById("popupView").style.height = ch - 50 + "px";
          }

         
          
      }

      function removeEvent(obj ,evt, fnc)
      {
        if (obj.removeEventListener)
          obj.removeEventListener(evt,fnc,false);
        else if (obj.detachEvent)
          obj.detachEvent('on'+evt,fnc);
        else
          return false;
        return true;
      }

      //----------
     
     function appendElement(node,tag,id,htm)
      {
        var ne = document.createElement(tag);
        if(id) ne.id = id;
        if(htm) ne.innerHTML = htm;
        node.appendChild(ne);
      }

      //----------

    function showPopup(p,objectPhotoP) {
        greyout(true);
        var ch = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
        var cw = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth;
        
        var sh = 0;
        if ((document.body) && (document.body.scrollTop)) {
            sh = document.body.scrollTop;
        }
        else if ((document.documentElement) && (document.documentElement.scrollTop)) {
            sh = document.documentElement.scrollTop;
        }

        
        document.getElementById(p).style.top = 100+ sh + "px";
        document.getElementById(p).style.left = (cw / 2 - 395) + "px";
        document.getElementById(p).style.display = 'block';
        document.getElementById(p).style.visibility = 'visible';
        document.getElementById(p).innerHTML = objectPhotoP;
       
    }
    
    /*media_owner: "Author Name"
timestamp: "2009-11-10 17:15:57"
url_full: http://images.photowall.com/100215/b289bd6e5b9e10b3dd2ee71eb989af6d.jpg
url_thumb: http://images.photowall.com/100215/T_b289bd6e5b9e10b3dd2ee71eb989af6d.jpg
title: ""
country: "United States"
state: "Massachusetts"
city: "Boston"
weather: "Sunny"
*/

    

      function hidePopup(p)
      {
        greyout(false);
        document.getElementById(p).style.display = 'none';
        document.getElementById(p).style.visibility = 'hidden';
      }

      //----------
    
    function greyout(d,z)
      {
        var obj = document.getElementById('greyout');

        if(!obj)
        {
          appendElement(document.body,'div','greyout');
          obj = document.getElementById('greyout');
          obj.style.position = 'absolute';
          obj.style.top = '0px';
          obj.style.left = '0px';
          obj.style.background = '#113b65';
          obj.style.opacity = '.5';
          obj.style.filter = 'alpha(opacity=50)';
        }
        if(d)
        {
          var ch = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
          var cw = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth;
          var sh = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
          if(document.body.scrollHeight) sh = Math.max(sh,document.body.scrollHeight)
          var sw = document.documentElement.scrollWidth ? document.documentElement.scrollWidth : document.body.scrollWidth;
          if(document.body.scrollWidth) sh = Math.max(sh,document.body.scrollWidth)
          var wh = window.innerHeight ? window.innerHeight : document.body.offsetHeight;
          if(!z){ z = 50 }
          obj.style.zIndex = z;
          obj.style.height = Math.max(wh,Math.max(sh,ch))+'px';
          obj.style.width  = Math.max(sw,cw)+'px';
          obj.style.display = 'block';
          addEvent(window,'resize',greyoutResize);
        }
        else
        {
          obj.style.display = 'none';   
          removeEvent(window,'resize',greyoutResize);
        }
      }

      function greyoutResize()
      {
        var ch = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
        var cw = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth;
        var sh = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
        if(document.body.scrollHeight) sh = Math.max(sh,document.body.scrollHeight)
        var sw = document.documentElement.scrollWidth ? document.documentElement.scrollWidth : document.body.scrollWidth;
        if(document.body.scrollWidth) sh = Math.max(sh,document.body.scrollWidth)
        var wh = window.innerHeight ? window.innerHeight : document.body.offsetHeight;
        var obj = document.getElementById('greyout');
        obj.style.height = ch+'px';
        obj.style.width  = cw+'px';
        obj.style.height = Math.max(wh,Math.max(sh,ch))+'px';
        obj.style.width  = Math.max(sw,cw)+'px';
      }

      //----------