<?
// 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_home.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>
    <link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#slideshow').cycle({
                fx:     'fade', 
                speed:  'fast', 
                next:   '#next', 
                prev:   '#prev' 
            });
            showRSS();
            $("#read_more").click(function () {
              $("#buying_hidden").slideToggle("slow");
              $(this).css('display', 'none');
              $("#read_less").css('display', 'block');
              FB.Canvas.setSize();
            });
            $("#read_less").click(function () {
              $("#buying_hidden").slideToggle("slow");
              $(this).css('display', 'none');
              $("#read_more").css('display', 'block');
              FB.Canvas.setSize();
            });
        });
        function changeSlide(index) {
            $('#slideshow').cycle(index);
        }
        function showRSS(){
            if (window.XMLHttpRequest){
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }else{
                // code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function(){
                if (xmlhttp.readyState==4 && xmlhttp.status==200){
                    document.getElementById("blog_posts_container").innerHTML=xmlhttp.responseText;
                    $("#blog_posts_container").jScrollPane();
                }
            }
            xmlhttp.open("GET","getrss.php",true);
            xmlhttp.send();
        }
    </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>
    </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  : '245675095522752',
          });
            FB.Canvas.setSize();
        </script>
        <div id="fb_container">
            <a href="http://www.bozzuto.com/new-homes/communities" target="_blank"><img src="images/homes_tab/buy_home.gif" id="buy_home" /></a>
            <div class="clear"></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 id="slideshow">
                <div><a href="http://www.bozzuto.com/new-homes/communities/79-bozzuto-maple-lawn" target="_blank"><img src="images/home_slider/slide1.jpg" /></a></div>
                <div><a href="http://www.bozzuto.com/new-homes/communities/220-towson-green" target="_blank"><img src="images/home_slider/slide2.jpg" /></a></div>
                <div><a href="http://www.bozzuto.com/new-homes/communities/81-shipleys-grant" target="_blank"><img src="images/home_slider/slide3.jpg" /></a></div>
            </div>
            
            <div id="buying_experience">
                <img src="images/homes_tab/buying_experience.gif" />
                <p>We've been building exceptional homes since 1988 and take great pride in the communities we've created. But our commitment to quality goes beyond the structure of a home - it's a commitment to providing an exceptional home buying experience and to creating the best possible living environments for our customers.</p>
                <div id="buying_hidden">
                    <b>Step 1: Welcome to Bozzuto</b>
                    <ul>
                        <li>Review of the Home Buying Experience and Home Care Manual</li>
                        <li>Mortgage Pre-Qualification</li>
                    </ul>
                    <b>Step 2: Make Your Home a Personal Experience</b>
                    <ul>
                        <li>Structural Selections Meeting</li>
                        <li>Pre-Construction Orientation</li>
                        <li>Finish Selections Meeting</li>
                    </ul>
                    <b>Step 3: Bozzuto Ensures Quality Construction</b>
                    <ul>
                        <li>Pre-Drywall Orientation</li>
                    </ul>
                    <b>Step 4: Preparing for Move-In</b>
                    <ul>
                        <li>Final Mortgage Approval</li>
                        <li>Pre-Settlement Event</li>
                        <li>New Home Orientation</li>
                        <li>New Home Review</li>
                    </ul>
                    <b>Step 5: Enjoying Your Bozzuto Home</b>
                    <ul>
                        <li>Homeowners Association Transition</li>
                        <li>Warranty Service Program</li>
                    </ul>
                </div>
                <div id="read_more">READ MORE &raquo;</div>
                <div id="read_less">&nbsp;</div>
            </div>
            
            <div id="video_blog">
                <a href="video_include.php?yt_id=amjRCgbBelM" rel="shadowbox[Mixed];width=480;height=280">
                <img src="images/homes_tab/video.jpg" style="float: left; width: 348px;" /></a>
                <div id="blog_header">
                    <img src="images/homes_tab/beat_blog.gif" />
                    <div class="clear"></div>
                    <div id="blog_posts_container">
                        
                    </div>
                </div>
            </div>
            
            <a href="http://www.bozzuto.com/new-homes/bozzuto-bridal-registry" target="_blank"><img src="images/homes_tab/getting_married.jpg" /></a>
        </div>
        <div id="fb-root"></div>
        <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
        <script type="text/javascript" charset="utf-8">
            FB.Canvas.setSize();
        </script>  
    </body>
</html>