/*
IE PNG RollOver v1.0
Copyright (c) 2008 Tsukasa.F http://www.bobsyouruncle.jp/blog/
*/

/*
- Usage

1. jquery.js
2. iepngfix.js
3. iepngro.js
の順番で読み込んで下さい。


!! 注意 !!
.iepngfix {behavior: expression(IEPNGFIX.fix(this));} は使用しません。


A. ロールオーバーを使わない場合
    imgタグのclassにPNGを付与する（画像サイズを指定しないと表示が乱れる）。
    例：<img src="foo_out.gif" alt="foo" width="100px" height="50px" class="PNG" />
 
B. ロールオーバーを使う場合
    1. 画像名_outと画像名_ovrを用意する。
       画像名_out.png => 通常時
       画像名_ovr.png => ロールオーバー時
    2. imgタグのclassにPNGとROを付与する。
    例：<img src="foo_out.gif" alt="foo" width="100px" height="50px" class="PNG RO" />
*/
var ua = navigator.userAgent;
if(ua.indexOf("MSIE") != -1 && ua.indexOf("6.0") != -1) {
  var ie6 = true;
}
$(function(){
  if(ie6 && IEPNGFIX) {
    $('.PNG').each(function() {
      var classes = this.getAttribute('className');
      if(classes.indexOf("RO") != -1) {
        var imgout = this.getAttribute('src');
        var imgovr = imgout.replace('_out.', '_ovr.');
        IEPNGFIX.hover(this, imgovr);
      } else {
        IEPNGFIX.fix(this);
      }
    });
  }
});