jQuery.noConflict();

jQuery(function($) {     
        $('.map').maphilight();
        
        var mapParam = {
                  noColor : "ffaa00",
                  hiColor : "ff0000",
                  cuColor : "ff0000"
        }; 
              
        selAreaId = false;
        
        changeColor = function(area,color) {
              var data = $(area).data('maphilight') || {};
              data.alwaysOn = 1;
              data.fillColor = color;
              
              $(area).data('maphilight', data).trigger('alwaysOn.maphilight');
        }
        
        unselectAllAreas = function(area) {
              $(area).siblings().each(function() {                
                  $(this).mouseout();
              });
        }
        
        mapSelForm = function(area) {          
            areaId = $(area).attr('id');
            $(".select"+mapId).find("[name="+areaId+"]").attr("selected","selected");
        }
        
        $('.mapHighlight area').each(function(index,el) { 
                  $(this).mouseover(function(e){
                      changeColor(this,mapParam.hiColor);
                      if(selAreaId!=$(this).attr('id')) {
                        
                        changeColor($(this).siblings("#"+selAreaId),mapParam.noColor);
                      }
                     
                  });
                   
                  $(this).mouseout(function(e){
                      e.stopImmediatePropagation();
                      if(selAreaId!=$(this).attr('id')) {
                        changeColor(this,mapParam.noColor);
                      } 
                      changeColor($("#"+selAreaId),mapParam.cuColor);
                  });
                           
                  $(this).click(function(e){  
                      e.preventDefault();
                      selAreaId=$(this).attr('id');
                      unselectAllAreas(this);
                      mapSelForm(this);
                      changeColor(this,mapParam.cuColor);
                      if(mapareasParam[selAreaId]['link'])
						              window.open(mapareasParam[selAreaId]['link'],'_blank');
					            return false;
                  });
                  
                  changeColor(this,mapParam.noColor);
                  $(".select"+mapId).each(function(){$(this).val(jQuery('option:first', $(this)).val())});
                  
        });
        
        $('.select'+mapId).bind($.browser.msie && (parseInt($.browser.version, 10)<9) ? 'propertychange': 'change', function(e) {                       
			e.preventDefault();
            areaId = $(this).children("option:selected").attr('name');
            if(areaId) {
              $('#'+areaId).trigger("click");
            } else {
              tmpArea = selAreaId;
              selAreaId = null;
              $('#'+tmpArea).mouseout();
            }
        });  
        
        
});