<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Документ без названия</title>
    <link rel="stylesheet" type="text/css" href="css/jClever.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.rating.css"/>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jClever.js" charset="utf-8"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script src="js/localization.js"></script>
    <script type="text/javascript" src="js/jquery.rating.js"></script>
    <script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="header_container_map">
    <div class="logo"><a href="#" title="#"></a></div>
    <h1 class="find_title">ПОИСК КЛУБОВ НА КАРТЕ</h1>

    <div class="button_search"><a class="button" href="#" title="#">ПОКАЗАТЬ СПИСКОМ</a></div>
    <div class="login_wr">
        <div class="login_club"><a href="#" title="#">вход для клубов</a></div>
        <div class="login"><a href="#" title="#">Войти</a></div>
    </div>
</div>
<div class="map_filter">
    <form action="" class="jClever"><h5>Виды деятельности</h5>

        <div class="vid_actions">
            <a class="s_all" href="#" title="#">Выбрать все</a><a class="d_all" href="#" title="#">Снять
            выделение</a>
        </div>
        <div class="clubsports">
            <div class="service_list">
                <ul>
                    <li><input type="checkbox" id="ch01"/><label for="ch01">Футбол</label></li>
                    <li><input type="checkbox" id="ch02"/><label for="ch02">Баскетбол</label></li>
                    <li><input type="checkbox" id="ch03"/><label for="ch03">Волейбол</label></li>
                    <li><input type="checkbox" id="ch04"/><label for="ch04">Теннис</label></li>
                    <li><input type="checkbox" id="ch05"/><label for="ch05">Единоборство</label></li>
                    <li><input type="checkbox" id="ch06"/><label for="ch06">Хореография</label></li>
                    <li><input type="checkbox" id="ch07"/><label for="ch07">Хоккей</label></li>
                    <li><input type="checkbox" id="ch29"/><label for="ch29">Волейбол</label></li>
                    <li><input type="checkbox" id="ch30"/><label for="ch30">Теннис</label></li>
                    <li><input type="checkbox" id="ch31"/><label for="ch31">Единоборство</label></li>
                    <li><input type="checkbox" id="ch32"/><label for="ch32">Хореография</label></li>
                    <li><input type="checkbox" id="ch33"/><label for="ch33">Хоккей</label></li>
                    <li><input type="checkbox" id="ch34"/><label for="ch34">Единоборство</label></li>
                    <li><input type="checkbox" id="ch35"/><label for="ch35">Хореография</label></li>
                    <li><input type="checkbox" id="ch36"/><label for="ch36">Хоккей</label></li>
                    <li><input type="checkbox" id="ch37"/><label for="ch37">Футбол</label></li>
                    <li><input type="checkbox" id="ch38"/><label for="ch38">Баскетбол</label></li>
                    <li><input type="checkbox" id="ch39"/><label for="ch39">Волейбол</label></li>
                    <li><input type="checkbox" id="ch40"/><label for="ch40">Теннис</label></li>
                    <li><input type="checkbox" id="ch41"/><label for="ch41">Единоборство</label></li>
                    <li><input type="checkbox" id="ch42"/><label for="ch42">Хореография</label></li>
                    <li><input type="checkbox" id="ch43"/><label for="ch43">Хоккей</label></li>
                    <li><input type="checkbox" id="ch44"/><label for="ch44">Волейбол</label></li>
                    <li><input type="checkbox" id="ch45"/><label for="ch45">Теннис</label></li>
                    <li><input type="checkbox" id="ch46"/><label for="ch46">Единоборство</label></li>
                    <li><input type="checkbox" id="ch47"/><label for="ch47">Хореография</label></li>
                    <li><input type="checkbox" id="ch48"/><label for="ch48">Хоккей</label></li>
                    <li><input type="checkbox" id="ch49"/><label for="ch49">Единоборство</label></li>
                    <li><input type="checkbox" id="ch50"/><label for="ch50">Хореография</label></li>
                    <li><input type="checkbox" id="ch51"/><label for="ch51">Хоккей</label></li>
                </ul>
            </div>
        </div>
    </form>
</div>
<div class="cont_map">
    <div id="map_canvas" class="google_map_search"></div>
    <div class="map_search_wr"><a class="map_search" href="#"></a></div>
</div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script>
    var map;

    $(document).ready (function(){
        pr_map = 1;
        initialize(55.75387,37.62018);
    });


    function initialize(x,y) {
        //alert('Init');
        document.getElementById('map_canvas').style.display='block';
        var latlng = new google.maps.LatLng(x,y);
        var myOptions = {
            /* zoom: 11,
             center: latlng,*/
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        var bounds = new google.maps.LatLngBounds();
        var m_latlng = new google.maps.LatLng(55.74953,37.66297);
        var marker = new google.maps.Marker({
            position: m_latlng,
            map: map,
            title:'Теннисный клуб "Центральный"'
        });
        marker.club_id = 35;
        marker.clubsport_id = 194;
        marker.all_clubsports = '<a href="/clubsports/view/211">Бадминтон</a>, <a href="/clubsports/view/210">Баскетбол</a>, <a href="/clubsports/view/193">Теннис</a>, <a href="/clubsports/view/194">Футбол</a>';
        marker.club_name = 'Теннисный клуб "Центральный"';
        marker.cs_name = 'Футбол';
        marker.address = 'Николо-ямская';
        marker.metro = '';
        marker.rating = 0;
        marker.club_rating = 0;
        marker.price = 900;
        marker.club_pict = '<img src="/files/Club/tmp/200__73d94493a007.jpg" alt="" />';
        marker.first_cort = 1975;
        google.maps.event.addListener(marker, 'click', clickMarker);
        bounds.extend(m_latlng);


        map.setOptions({maxZoom: 18});
        /*var zoom = map.getZoom();
         map.setZoom(4);*/
    }

    function clickMarker(){
        //console.log(this.club_id);
        ShowMapClubInfo(this);
        /*        if (marker.getAnimation() != null) {
         marker.setAnimation(null);
         } else {
         marker.setAnimation(google.maps.Animation.BOUNCE);
         }*/
    }


    //google.maps.event.addDomListener(window, 'load', initialize);

</script>
<div class="popup_wr">
    <div class="popup_map_window">
        <div class="popup_map_cont">
            <div class="logo_club"><a href="#" title="#"><img src="images/club_logo.png" alt=""/></a></div>
            <div class="info_club">
                <h3><a href="#" title="#">Планета Фитнес — Авиамоторная</a></h3>

                <div class="rating_court"><span
                        class="rating_star mod"></span><span
                        class="rating_star mod"></span><span class="rating_star mod"></span><span
                        class="rating_star"></span><span class="rating_star"></span></div>
                <div class="info_club_table">
                    <table>
                        <tr>
                            <td>Метро:</td>
                            <td>Авиамоторная</td>
                        </tr>
                        <tr>
                            <td>Адрес:</td>
                            <td>Россия, Москва, улица Авиамоторная, дом 10</td>
                        </tr>
                        <tr>
                            <td>Виды деятельности:</td>
                            <td><a>Тренажерный зал</a>, <a href="#" title="#">Бассейн</a>, <a href="#" title="#">Аэробика</a>,
                                <a href="#" title="#">групповые занятия</a>, <a href="#" title="#">Боевые искусства</a>,
                                <a href="#" title="#">Детские
                                    программы</a>, <a href="#" title="#">Кардиотренажеры</a>, <a href="#" title="#">Массаж</a>,
                                <a href="#" title="#">Персональный тренинг</a>, <a href="#" title="#">Танцы</a>, <a
                                        href="#" title="#">Фитнес-бар</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="price_court">Цена от 150 руб./час</div>
            </div>
            <div class="close_popup"><a class="close_popup_btn" href="#" title="#"></a></div>
        </div>
    </div>
</div>
</body>
</html>        
© TrueDev.org