$(function(){
    initialize();  
    
    $('#tabmenu ul li a').each(function(){
        $(this).click(function(e){                                              
            e.preventDefault();
            
            showMyMap($(this).attr('showtab'));   
        }); 
    });  
});   

function showMyMap(location){  
    $('#locations > :not(#' + location + ')').hide();
    $('#' + location).show();  
    
    $('#tabmenu ul li a[showtab="' + location + '"]').parent().addClass('current');
    $('#tabmenu ul li a[showtab!="' + location + '"]').parent().removeClass('current'); 
    
    if (location == 'salida'){
        var salidaMapCords = new google.maps.LatLng(38.551, -106.0055);
        var salidaOfficeCords = new google.maps.LatLng(38.5424, -106.0079);
        var mySalidaOptions = {
            zoom: 14,
            scrollwheel: false,
            center: salidaMapCords,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var salidaMap = new google.maps.Map($('#salidamap')[0], mySalidaOptions);                                                                   
        
        var salidaMarker = new google.maps.Marker({
            position: salidaOfficeCords, 
            map: salidaMap,
            title:"Central Colorado Dermatology"
        });  
        
//        var salidaInfoContentString = '<center>925 Rush Drive, Salida, Colorado</center><br><b>Directions:</b>' +
//           '<br>Enter your full street address below<form action="http://maps.google.com/maps" method="get" target="_blank">' +
//           '<input type="text" SIZE=33 name="saddr" id="saddr" value="" /><br>' +
//           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
//           '<input type="hidden" name="daddr" value="925 Rush Drive, Salida, Colorado"/></form>';
           
        var salidaInfoContentString = '<center>925 Rush Drive, Salida, Colorado</center><br><b>Directions:</b>' +
           '<br>Enter your full street address below<form action="http://www.mapquest.com/maps" method="get" target="_blank">' +
           '<div style="width: 55px; float: left;">Address</div>' +
           '<div style="float: left;"><input type="text" style="width: 175px;" name="1a" id="saddr" value="" /></div>' +
           '<div style="clear:both; padding-bottom: 4px;"></div>' +
           '<div style="width: 55px; float: left;">City</div>' +
           '<div style="float: left;"><input type="text" style="width: 175px;" name="1c" id="saddr" value="" /></div>' +
           '<div style="clear:both; padding-bottom: 4px;"></div>' +
           '<div style="width: 55px; float: left;">State</div>' +
           '<div style="float: left; padding-right:10px;"><input type="text" style="width: 30px;" name="1s" id="saddr" value="" /></div>' +    
           '<div style="float: left;">ZIP <input type="text" style="width:105px;" name="1z" id="saddr" value="" /></div>' +
           '<div style="clear:both; padding-bottom: 4px;"></div>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="1v" value="ADDRESS"/>' +
           '<input type="hidden" name="2c" value="Salida"/>' +
           '<input type="hidden" name="2s" value="CO"/>' +                                   
           '<input type="hidden" name="2a" value="[1000-1049]+Rush+Dr"/>' +                                   
           '<input type="hidden" name="2z" value="81201"/>' +                                   
           '<input type="hidden" name="2y" value="US"/>' +                                   
           '<input type="hidden" name="2l" value="38.54301"/>' +
           '<input type="hidden" name="2g" value="-106.00776"/>' +
           '<input type="hidden" name="2v" value="BLOCK"/></form>';
        
        var salidaInfoWindow = new google.maps.InfoWindow({
            content: salidaInfoContentString
        });        
        
        google.maps.event.addListener(salidaMarker, 'click', function() {
            salidaInfoWindow.open(salidaMap,salidaMarker);
        });
        salidaInfoWindow.open(salidaMap,salidaMarker);
    } 
    else if(location == 'gunnison'){
        var gunnisonMapCords = new google.maps.LatLng(38.5561, -106.9243);
        var gunnisonOfficeCords = new google.maps.LatLng(38.5511, -106.9243);
        var myGunnisonOptions = {
            zoom: 14,
            scrollwheel: false,
            center: gunnisonMapCords,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }                                                           
        
        var gunnisonMap = new google.maps.Map($('#gunnisonmap')[0], myGunnisonOptions);   
        
        var gunnisonMarker = new google.maps.Marker({
            position: gunnisonOfficeCords, 
            map: gunnisonMap,
            title:"Central Colorado Dermatology"
        }); 
        
        var gunnisonInfoContentString = '<center>711 North Taylor Street, <br>Gunnison, Colorado</center><br><b>Directions:</b>' +
           '<br>Enter your full street address below<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=33 name="saddr" id="saddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="711 North Taylor Street, Gunnison, Colorado"/></form>';
        
        var gunnisonInfoWindow = new google.maps.InfoWindow({
            content: gunnisonInfoContentString
        });        
        
        google.maps.event.addListener(gunnisonMarker, 'click', function() {
            gunnisonInfoWindow.open(gunnisonMap,gunnisonMarker);
        });
        gunnisonInfoWindow.open(gunnisonMap,gunnisonMarker);
    }                    
}

function initialize() {                                    
    showMyMap($('#tabmenu ul li.current a').attr('showtab'));       
}