<?
// facebook passes variables to iframed pages
// this decodes that variable and turns the JSON object to a PHP object
function parsePageSignedRequest() {
    if (isset($_REQUEST['signed_request'])) {
        $encoded_sig = null;
        $payload = null;
        list($encoded_sig, $payload) = explode('.', $_REQUEST['signed_request'], 2);
        $sig = base64_decode(strtr($encoded_sig, '-_', '+/'));
        $data = json_decode(base64_decode(strtr($payload, '-_', '+/'), true));
        return $data;
    }
    return false;
}
// call function to decode variable
if($signed_request = parsePageSignedRequest()) {
    if(!$signed_request->page->liked){ ?>
        <!DOCTYPE html>
        
        <html>
        <head>
        <link rel="stylesheet" href="css/facebook_like.css" lang="text/css" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                for(x=1; x<38; x++){
                    fadeArrow(x);
                }
            });
            function fadeArrow(triangle){
                var numRand = Math.floor(Math.random()*101) * 10;
                $("body :nth-child("+triangle+")").delay(numRand).animate({opacity: 1}, 600);
            }
        </script>
        
        </head>
        
        <body>
            <img src="images/triangle01.png" class="triangleSingle row1" />
            <div class="clear"></div>
            
            <img src="images/triangle02.png" class="triangleSingle row2" />
            <img src="images/triangle04.png" class="triangleSingle" />
            <img src="images/triangle03.png" class="triangleSingle" />
            <div class="clear"></div>
            
            <img src="images/triangle07.png" class="triangleSingle row3" />
            <img src="images/triangle05.png" class="triangleSingle" />
            <img src="images/triangle08.png" class="triangleSingle" />
            <img src="images/triangle06.png" class="triangleSingle" />
            <div class="clear"></div>
            
            <img src="images/triangle09.png" class="triangleSingle row4" />
            <img src="images/triangle11.png" class="triangleSingle" />
            <img src="images/triangle10.png" class="triangleSingle" />
            <img src="images/triangle12.png" class="triangleSingle" />
            <div class="clear"></div>
            
            <img src="images/triangle17.png" class="triangleSingle row5" />
            <img src="images/triangle13.png" class="triangleSingle" />
            <img src="images/triangle18.png" class="triangleSingle" />
            <img src="images/triangle14.png" class="triangleSingle" />
            <img src="images/triangle19.png" class="triangleSingle" />
            <img src="images/triangle15.png" class="triangleSingle" />
            <img src="images/triangle20.png" class="triangleSingle" />
            <img src="images/triangle16.png" class="triangleSingle" />
            <img src="images/triangle21.png" class="triangleSingle" />
            <div class="clear"></div>
            
            <img src="images/triangle22.png" class="triangleSingle row6" />
            <img src="images/triangle28.png" class="triangleSingle" />
            <img src="images/triangle23.png" class="triangleSingle" />
            <img src="images/triangle29.png" class="triangleSingle" />
            <img src="images/triangle24.png" class="triangleSingle" />
            <img src="images/triangle30.png" class="triangleSingle" />
            <img src="images/triangle25.png" class="triangleSingle" />
            <img src="images/triangle31.png" class="triangleSingle" />
            <img src="images/triangle26.png" class="triangleSingle" />
            <img src="images/triangle32.png" class="triangleSingle" />
            <img src="images/triangle27.png" class="triangleSingle" />
        </body>
        </html><?
        exit();
    }
} ?>
        
<!DOCTYPE html>    
<html>
    <head>
    <link rel="stylesheet" href="css/facebook_global.css" lang="text/css" />
    <link rel="stylesheet" href="css/facebook_liked.css" lang="text/css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.cycle.all.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#slideshow').cycle({
                fx:     'fade', 
                speed:  'fast', 
                next:   '#next', 
                prev:   '#prev' 
            });
            
            
            $("#find").click(function () {
              $("#find_hidden").slideToggle("slow");
            });

        });
        function changeSlide(index) {
            $('#slideshow').cycle(index);
        }

    </script>
    <link rel="stylesheet" type="text/css" href="css/shadowbox.css">
    <script type="text/javascript" src="js/shadowbox.js"></script>
    <script type="text/javascript">
    Shadowbox.init();
    </script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyAyiO3jg-mY1zoihTo74G3uuah2JSDDSX4&sensor=false"></script>
    <script  type="text/javascript">
     var geocoder;
     var userlocation;
     var link1;
     var link2;
     var link3;
     
      function codeLatLng(lat, lng) {
        geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(lat, lng);
        var lat = parseFloat(lat);
        var lng = parseFloat(lng);
    
        geocoder.geocode({'latLng': latlng}, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
            for(var ix=0; ix< results[0].address_components.length; ix++)
            {
                if (results[0].address_components[ix].types[0] == "administrative_area_level_1")
                {
                    var userlocation = results[0].address_components[ix].short_name;
                    switch(userlocation){
                     case 'CT':
                      link1 = 'http://www.bozzuto.com/apartments/communities/115-360-state-street';
                      link2 = 'http://www.bozzuto.com/apartments/communities/115-360-state-street';
                      link3 = 'http://www.bozzuto.com/apartments/communities/115-360-state-street';
                      break;
                     case 'MA':
                      link1 = 'http://www.bozzuto.com/apartments/communities/224-park-lane-seaport';
                      link2 = 'http://www.bozzuto.com/apartments/communities/71-the-residences-at-rivers-edge';
                      link3 = 'http://www.bozzuto.com/apartments/communities/219-washington-crossing';
                      break;
                     case 'MD':
                      link2 = 'http://www.bozzuto.com/new-homes/communities/79-bozzuto-maple-lawn';
                      link1 = 'http://www.bozzuto.com/new-homes/communities/81-shipleys-grant';
                      link3 = 'http://www.bozzuto.com/apartments/communities/11-spinnaker-bay-at-harbor-east';
                      break;
                     case 'NJ':
                      link2 = 'http://www.bozzuto.com/apartments/communities/21-gaslight-commons';
                      link1 = 'http://www.bozzuto.com/apartments/communities/8-liberty-towers';
                      link3 = 'http://www.bozzuto.com/apartments/communities/65-observer-park';
                      break;
                     case 'NY':
                      link3 = 'http://www.bozzuto.com/apartments/communities/225-bank-street-commons';
                      link1 = 'http://www.bozzuto.com/apartments/communities/242-the-sagamore';
                      link2 = 'http://www.bozzuto.com/apartments/communities/245-the-chelsea';
                      break;
                     case 'PA':
                      link1 = 'http://www.bozzuto.com/apartments/communities/238-1500-locust';
                      link2 = 'http://www.bozzuto.com/apartments/communities/246-1830-lombard';
                      link3 = 'http://www.bozzuto.com/apartments/communities/10-riverview-landing';
                      break;
                     case 'VA':
                      link1 = 'http://www.bozzuto.com/apartments/communities/62-halstead-arlington';
                      link2 = 'http://www.bozzuto.com/apartments/communities/251-halstead-square-dunn-loring-metro';
                      link3 = 'http://www.bozzuto.com/apartments/communities/73-siena-park';
                      break;
                     default:
                      userlocation = 'DC';
                      link3 = 'http://www.bozzuto.com/apartments/communities/272-flats-130-at-constitution-square';
                      link1 = 'http://www.bozzuto.com/apartments/communities/227-residences-on-the-avenue';
                      link2 = 'http://www.bozzuto.com/apartments/communities/114-the-loree-grand-at-union-place';
                      break;
                    }
                    $('#slideshow1').html('<a href="' + link1 + '" target="_blank"><img src="images/interior_slider/'+ userlocation +'/slide1.jpg" /></a>');
                    $('#slideshow2').html('<a href="' + link2 + '" target="_blank"><img src="images/interior_slider/'+ userlocation +'/slide2.jpg" /></a>');
                    $('#slideshow3').html('<a href="' + link3 + '" target="_blank"><img src="images/interior_slider/'+ userlocation +'/slide3.jpg" /></a>');
                }
            }
          } else {
            
          }
        });
      }
      
    </script>
    <script type="text/javascript"> 
        $(document).ready(function(){ 
            codeLatLng('<?= $_GET['lat'] ?>','<?= $_GET['lng'] ?>');
        }); 
    </script> 
    </head>
    <body onLoad="FB.Canvas.setAutoResize();">
        <div id="fb-root"></div>
        <script src="http://connect.facebook.net/en_US/all.js"></script>
        
        <script>
          FB.init({
            appId  : '120386018087350',
          });
            FB.Canvas.setSize();
        </script>
        <div id="GeoAPI"></div>
        <script language="Javascript">
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(function(position) {
                    doStuff(position.coords.latitude, position.coords.longitude);
                });
            }else {
                if (document.getElementById("GeoAPI")) {
                    
                }
            }
            function doStuff(mylat, mylong) {
                if (document.getElementById("GeoAPI")) {
                    codeLatLng(mylat, mylong);
                }
            }
        </script>
        <div id="fb_container">
            <a href="https://www.facebook.com/TheBozzutoGroup?sk=app_241414582615921" target="_top"><div id="home">
                <div>We are six companies in one: The Bozzuto Group, a privately held, integrated real estate services organization.</div>
            </div></a>
            <a href="video_include.php?yt_id=M1OjUDO1dvk" rel="shadowbox[Mixed];width=480;height=280"><div id="tom"></div></a>
            <div id="find"></div>
            <div class="clear"></div>
            <div id="find_hidden">
                <a href="http://www.bozzuto.com/apartments/communities" target="_blank"><div><img src="images/lease_apartment.png" /></div></a>
                <a href="http://www.bozzuto.com/new-homes/communities" target="_blank"><div><img src="images/buy_home.png" style="margin-top: 60px;" /></div></a>
            </div>
            <hr />
            <div class="clear"></div>
            <div id="slideshow">
                <div id="slideshow1"><a href="http://www.bozzuto.com/apartments/communities/272-flats-130-at-constitution-square" target="_blank"><img src="images/interior_slider/DC/slide1.jpg" /></a></div>
                <div id="slideshow2"><a href="http://www.bozzuto.com/apartments/communities/227-residences-on-the-avenue" target="_blank"><img src="images/interior_slider/DC/slide2.jpg" /></a></div>
                <div id="slideshow3"><a href="http://www.bozzuto.com/apartments/communities/114-the-loree-grand-at-union-place" target="_blank"><img src="images/interior_slider/DC/slide3.jpg" /></a></div>
            </div>
            <div id="slide_controls_right">
                <a id="prev"><img src="images/interior_text/arrow_left_large.png" /></a>
                <a id="next"><img src="images/interior_text/arrow_right_large.png" /></a>
            </div>
            <div id="slide_controls_left">
                <a href="javascript: changeSlide(0)">1</a>
                <a href="javascript: changeSlide(1)">2</a>
                <a href="javascript: changeSlide(2)">3</a>
            </div>
            <div class="clear"></div>
            <hr />
            <a href="http://www.bozzuto.com/new-homes/smartrent" target="_blank"><img src="images/start_saving.png" /></a>
            <hr />
        </div>
    </body>
</html>