var map;
var myMarker;
var myMarkerIcon = new google.maps.MarkerImage(BASE_URL + '/ui/images/ico_map-marker.png', new google.maps.Size(45,35), new google.maps.Point(0,0), new google.maps.Point(22,35));
var myMarkerShadow = new google.maps.MarkerImage(BASE_URL + '/ui/images/ico_map-shadow.png', new google.maps.Size(57,35), new google.maps.Point(0,0), new google.maps.Point(22,35));

jQuery(document).ready(function($) {
  
    $('#search-form #s').focus(function() {
        $.data(this, 'value', $(this).val());
        $(this).val('');
    }).blur(function() {
        if ( $(this).val() == '' ) {
            $(this).val($.data(this, 'value'));
        }
    });
    
      
    $('.fancy-drop .parent').hover(function() {
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });
    
    
    $('#drop-locations ul li').click(function() {
        $('#drop-providers').show();
        $('#provider-holder button').hide();
        $('#drop-providers ul li').removeClass('active selected');
        $('#drop-providers ul li[data-offices~="' + $(this).attr('rel') + '"]').addClass('active');
        $('#drop-locations li').removeClass('selected');
        $(this).addClass('selected');
        $(this).parents('.parent').removeClass('hover').find('span').html($(this).html());
        
        // Change map center
        var coords = $(this).attr('data-coords').split(',');
        var myLatLng = new google.maps.LatLng(coords[0], coords[1]);
        map.panTo(myLatLng);
        myMarker.setPosition(myLatLng);
    });
    
    
    $('#drop-providers ul li').click(function() {
        $(this).addClass('selected');
        $(this).parents('.fancy-drop').next('button').show();
        $(this).parents('.parent').removeClass('hover').find('span').html($(this).html());
        $('#provider-search-form').attr('action', $(this).attr('data-link'));
    });
    
    if ( $('#drop-locations span[data-coords]').length > 0 ) {
        var defaultCoords = $('#drop-locations span').attr('data-coords').split(',');
        var defaultTitle = $('#drop-locations span').attr('rel');
        var myLatLng = new google.maps.LatLng(defaultCoords[0], defaultCoords[1]);
        var myOptions = {
            zoom: 15,
            center: myLatLng,
            disableDefaultUI: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
         
        
        map = new google.maps.Map($('#map-canvas').get(0), myOptions);
        
        myMarker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            title: defaultTitle,
            icon: myMarkerIcon,
            shadow: myMarkerShadow 
        });
    }
    
    
    $('#locations li').each(function(i) {
        var coords = $(this).attr('data-coords').split(',');
        var myLatLng = new google.maps.LatLng(coords[0], coords[1]);
        var myOptions = {
                zoom: 15,
                center: myLatLng,
                disableDefaultUI: true,
                mapTypeId: google.maps.MapTypeId.ROADMAP       
        };
        var myMap = new google.maps.Map($('div.map-canvas:eq(' + i + ')').get(0), myOptions);
        var myMarker = new google.maps.Marker({
                position: myLatLng,
                map: myMap,
                icon: myMarkerIcon,
                shadow: myMarkerShadow
        });
    });
    
    
    $('nav.main ul ul').each(function() {
        $('li:first', this).css('border-top', 'none');
        $('li:last', this).css('border-bottom', 'none');
    });
    
    $('nav.main ul.submenu li:has(ul.submenu)').addClass('parent');
});