function fn_Left(str, n){
 if (n <= 0) {
     return "";
 }
 else if (n > String(str).length) {
     return str;
 }
 else {
     return String(str).substring(0,n);
 }
}
function ChangeImage(divName, active, type)
{
 temp = divName;
 divName = "#" + divName + " img";
 var original_path;
 var original_path2;
 var change_path;
 
 var filedotpoint;
 var original_pathhead;
 var original_pathtail;
 
 var click_path = null;
 var click_chk = false;
 var click_obj = null;
 
 $(document).ready
 (
  function()
  {
   $(divName).mouseover
   ( 
    function(E)
    {     
     original_path = $(this).attr("src"); // ¿øº» À̹ÌÁö Path ÀúÀå
     if (original_path.indexOf("disable") == -1 && original_path.indexOf("gage") == -1) // ºñÈ°¼º À̹ÌÁö ¾Æ´Ò °æ¿ì¸¸ 
     {
      filedotpoint = original_path.lastIndexOf("\.");
     
    
      original_pathhead = fn_Left(original_path, filedotpoint);
      original_pathtail = original_path.substring(filedotpoint,original_path.length);
     
      change_path = original_pathhead + '_over' + original_pathtail;
       
      if(click_path != original_path) // Ŭ¸¯ÇÑ À̹ÌÁö¿Í ¿øº» À̹ÌÁö°¡ ´Ù¸¦ °æ¿ì¿¡¸¸ À̹ÌÁö ±³Ã¼
      {
       $(this).attr({src:change_path});
       
       click_chk = false;
      }
     }
    }
   );
   if (active)
   {
    if (type == "click")
    {
     $(divName).click
     (
      function(E)
      {
       if(click_path != $(this).attr("src")){  // ÀÌÀü Ŭ¸¯ÇÑ À̹ÌÁö¿Í ÇöÀç Ŭ¸¯ÇÑ À̹ÌÁö°¡ ´Ù¸£¸é ½ÇÇà
        
        $(this).attr({src:change_path});    // ÇöÀç À̹ÌÁö ±³Ã¼
        
        // ÀÌÀü Ŭ¸¯ÇÑ À̹ÌÁö°¡ ÀÖÀ» °æ¿ì¿¡¸¸ ½ÇÇà
        if(click_path != null)       
         click_obj = $(divName + '[src*="'+click_path+'"]'); // ÀÌÀü Ŭ¸¯ÇÑ À̹ÌÁö °´Ã¼ ÃßÃâ 
        
        if(click_obj != null) 
         click_obj.attr({src:original_path2}) // ÀÌÀü Ŭ¸¯ÇÑ À̹ÌÁö ¿øº» À̹ÌÁö·Î ±³Ã¼
       
        click_path = $(this).attr("src"); // ÇöÀç Ŭ¸¯ÇÑ À̹ÌÁö ÀúÀå  
        original_path2 = original_path;
              
        click_chk = true;
       }
      }
     );
    }
    else if (type == "over")
    {
     $(divName).mouseover
     (
      function(E)
      {
       if(click_path != $(this).attr("src")){  // ÀÌÀü Ŭ¸¯ÇÑ À̹ÌÁö¿Í ÇöÀç Ŭ¸¯ÇÑ À̹ÌÁö°¡ ´Ù¸£¸é ½ÇÇà
        
        $(this).attr({src:change_path});    // ÇöÀç À̹ÌÁö ±³Ã¼
        
        // ÀÌÀü Ŭ¸¯ÇÑ À̹ÌÁö°¡ ÀÖÀ» °æ¿ì¿¡¸¸ ½ÇÇà
        if(click_path != null)       
         click_obj = $(divName + '[src*="'+click_path+'"]'); // ÀÌÀü Ŭ¸¯ÇÑ À̹ÌÁö °´Ã¼ ÃßÃâ 
        
        if(click_obj != null) 
         click_obj.attr({src:original_path2}) // ÀÌÀü Ŭ¸¯ÇÑ À̹ÌÁö ¿øº» À̹ÌÁö·Î ±³Ã¼
       
        click_path = $(this).attr("src"); // ÇöÀç Ŭ¸¯ÇÑ À̹ÌÁö ÀúÀå  
        original_path2 = original_path;
              
        click_chk = true;
       }
      }
     );
    }
   }
    
   $(divName).mouseout
   (
    function(E)
    {
     if(!click_chk) // Ŭ¸¯ÀÌ ¾ÈµÇ¾úÀ» °æ¿ì¿¡¸¸ À̹ÌÁö ±³Ã¼
      $(this).attr({src:original_path});
    }
   );
   
  }
 );
}