var MAIN_PAGE_GMAP = false;
var POINTS_TIMER;
var POINTS_TIMER_MS = 2000;

function mainPageGmapInitialize()
{
    var latlng = new google.maps.LatLng(51.106698, 16.89403);
    var myOptions = {center: latlng, zoom: 11, scrollwheel: false, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, navigationControl: true, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}}
    var map = new google.maps.Map(document.getElementById('main-page-gmap'), myOptions);
    var lonlat, lonlat_array;
    var lon, lat;
    var infowindow = new Array();
    
    var infos = new Array();
    infos.push('<div style="width: 300px;"><b>North Office</b><br/>Biurowiec<br />Lokalizacja: <b>Wrocław, ul. Paprotna 14</b><br />Dostępne: <b>5700 mkw biur</b></div>');
    infos.push('<div style="width: 300px;"><b>Nadolice MłynBliźniaki</b><br />Lokalizacja: <b>Nadolice Wielkie, ul. Rzeczna</b><br />Dostępne: <b>28 Bliźniaków już od 298.000 zł.</b></div>');
    infos.push('<div style="width: 300px;"><b>Brzozowe Nadolice</b><br />Domy jednorodzinne, bliźniaki<br />Lokalizacja: <b>Nadolica Wielkie, ul. Brzozowa</b><br />Dostępne : <b>1 dom jednorodzinny</b><br /><div>');
    infos.push('<div style="width: 300px;"><b>Piastowski Medlow</b><br />Mieszkania<br />Lokalizacja: <b>Mędłów – 4 km od Wrocławia</b><br />Dostępne: <b>14 gotowych mieszkań</b><div>');
    infos.push('<div style="width: 300px;"><b>Wrocław - ul. Zagłębiowska</b><br />Inwestycja w przygotowaniu<br />Lokalizacja: <b>Wrocław, ul. Zagłębiowska</b><br />Dostępne: <b>25 mieszkań</b><div>');
    infos.push('<div style="width: 300px;"><b>Kamienica Sredzka</b><br />Mieszkania<br />Lokalizacja: <b>Środa Śląska</b><br />Inwestycja zrealizowana<div>');

    // markery
    $("#points > span").each(function (index,value) {
        lonlat = $(this).html();
        lonlat_array = lonlat.split(',');
        lat = parseFloat(lonlat_array[0]);
        lon = parseFloat(lonlat_array[1]);
        
        infowindow.push(new google.maps.InfoWindow({
            content: infos[index]
        }));

        var point = new google.maps.LatLng(lat, lon);
        var marker = new google.maps.Marker({map: map, position: point});
        google.maps.event.addListener(marker, 'click', function() {
          infowindow[index].open(map,marker);
        });
    });
}

function setMainPageSlideShow()
{
    if ($("#slideshow img").size()>1) {
        $('#slidesContainer').cycle({
            fx:      'fade',
            speed:   600,
            timeout: 4000,
            next:   '#slideshow-next',
            prev:   '#slideshow-prev'
        });
    }
}

function mainPageGmapClose()
{
    $("#button-gmap").show();
    $("#button-gmap-close").hide();
    $("#main-page-gmap").hide();
}

function mainPagePointCloudHide()
{
    $('#points > div').hide();
}

function mainPageGmapShow()
{
    mainPagePointCloudHide();
    $("#button-gmap").hide();
    $("#button-gmap-close").show();
    $("#main-page-gmap").show();
    if ( ! MAIN_PAGE_GMAP) {
        MAIN_PAGE_GMAP = true;
        mainPageGmapInitialize();
    }
}

$(document).ready(function () {
    setMainPageSlideShow();

    /*
    $(document).click(function () {
        $('#points > div').each(function () {
            if ( ! $(this).hasClass('hover')) {
                $(this).hide();
            }
        });
    });

    $('#points > div').mouseover(function () {
        clearTimeout(POINTS_TIMER);
        $(this).addClass('hover');
    });

    $('#points > div').mouseout(function () {
        $(this).removeClass('hover');
        clearTimeout(POINTS_TIMER);
        POINTS_TIMER = setTimeout('mainPagePointCloudHide()', POINTS_TIMER_MS);
    });
    */

    $('#points > div').mousemove(function () {
        //clearTimeout(POINTS_TIMER);
    });
    
    $("#topmenu > ul > li").mouseover(function () {
        mainPagePointCloudHide();
        //clearTimeout(POINTS_TIMER);
    });


    $('#points > a').hover(
        function () {
            //clearTimeout(POINTS_TIMER);
            //mainPagePointCloudHide();
            $(this).next('div').show();
        },
        function () {
            //mainPagePointCloudHide()
            $(this).next('div').hide();
            //clearTimeout(POINTS_TIMER);
            //POINTS_TIMER = setTimeout('mainPagePointCloudHide()', POINTS_TIMER_MS);
        }
    );
        
});