{% extends 'base.html' %}
{% load typogrify_tags %}
{% block pagetitle %}Luxagraf | {{object.title}}{% endblock %}
{% block metadescription %}{{object.meta_description}}{% endblock %}
{%block htmlclass%}class="single house"{%endblock%}
{%block bodyid%}id="{{object.title|lower}}"{%endblock%}								
{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
        <li>{{object.title}}</li>
    </ul>
    <main>
    <article class="h-entry hentry post--article" itemscope="" itemtype="http://schema.org/Article">
        <h1 class="">For Sale: 412 Holman Ave, Athens, GA</h1>
        {{object.body_html|safe|smartypants|widont}}
    </article>
    </main>
{% endblock %}
{% block js %}
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDwtF_4OvkTKl058VEHrwezMJS2gYXNys4&callback=initMap" type="text/javascript"></script>
<script type="text/javascript">
function initMap(){
    var myOptions = {
        zoom:17,
        center:new google.maps.LatLng(33.957897,-83.40810199999999),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
    marker = new google.maps.Marker({
        map: map,position: new google.maps.LatLng(33.957897, -83.40810199999999)
    });
    infowindow = new google.maps.InfoWindow({content:"<b>For Sale</b><br/>412 Holman Ave<br/>30606 Athens" });
    google.maps.event.addListener(marker, "click", function(){
        infowindow.open(map,marker);
    });
    infowindow.open(map,marker);
}
google.maps.event.addDomListener(window, 'load', init_map);
</script>
<script src="/media/js/lightbox.js" type="text/javascript"></script>
<script>
var opts= {
    //nextOnClick: false,
    captions: true,
    onload: function(){
        var im = document.getElementById("jslghtbx-contentwrapper");
        var link = im.appendChild(document.createElement('a'))
        link.href = im.firstChild.src;
        link.innerHTML= "open ";
        link.target = "_blank";
        link.setAttribute('class', 'p-link');
        im.appendChild(link);
    }
}; 
var lightbox = new Lightbox();
lightbox.load(opts);
</script> 

{% endblock %}