//
// Code related specifically to the overlay drop down
//

$j(document).ready(function() {


    $j('#contentWrapper').bind('paneLoaded', function() {

        // Set bg color for initial active layer
        $j('.activeLayer').parents('li:first').css('background-color', '#ECECEC');
        $j('.layerCheck').hide();

        // Set click event handlers for each layer
        $j('.overlay').each(function(i) {
            var layerLocation = $j(this).attr('layerLocation');
            var id = this.id;


            $j(this).click(function(evt, data) {
                
                //              $j( '#loadingMsg' ).fadeIn( this.FadeInDt );
                // Remove active class if the active layer was clicked
                if($j(this).hasClass('activeLayer') ) {
	
		// Do not allow the user to turn all layers off for now
		   return false;

	/*
                    $j(this).removeClass('activeLayer');
                    //activeLayerSave = '';
                    //                      hq.map.gMap.removeOverlay(hq.map.overlay);
                    $j('#' + this.id + 'Check').hide();
                    $j('.layerCheck').parents('li.level2').css('background-color', '');
                    $j('.hq_idx_overlayMenu').css('background-color', '');

                    // CLear saved spaces, layerid
                    $j('#loadedSpaceIds').val('');
                    $j('#loadedSpaceLayerId').val('');

                    var event = jQuery.Event('layerChange');
                    event.id = this.id;
                    event.layerLocation = layerLocation;
                    event.noLayer = true;

                    $j('#contentWrapper').trigger(event);


                    hq.ajax.loadLink($j('#pluginPath').val()  + '/ajax.php?listingOp=clear&noLayer=1');
*/
                // Add the active class if a non active layer was clickced
                } else {
                    $j('.layerCheck').parents('li.level2').css('background-color', '');
                    $j('.layerCheck').hide();
                    $j('.overlay').removeClass('activeLayer');
                    $j(this).addClass('activeLayer');
                    //                      activeLayerSave = $j(this).attr('layerId');
                    //                      hq.map.addLayer(this.id, layerLocation);
                    //                      $j('#hq_idx_overlayMenu').css('background-color', '#ECCCCC');
                    $j('#' + this.id + 'Check').show();
                    $j('#' + this.id + 'Check').parents('li:first').css('background-color', '#ECECEC');
                    var noLayer = $j(this).hasClass('noLayer') ? true : false;


                    // New Layer, update label
                    var event = jQuery.Event('layerChange');
                    event.id = this.id;
                    event.layerLocation = layerLocation;
                    event.noLayer = noLayer;
                    event.noClear = data ? data.noClear : false;

                    $j('#contentWrapper').trigger(event);
                    $j('#doZoom').val('1');
                }


                //              $j( '#loadingMsg' ).fadeOut( this.FadeOutDt );
                return false;
            });
        });

        // Show the goddamn check image for the active layer, i don't know why this won't work above
        var id = $j('.activeLayer').attr('id');
        var idStr = '#' + id + 'Check';
        $j(idStr).show();


    });


    $j('#contentWrapper').trigger('paneLoaded');

});