(function() {

document.write('<script type="text/javascript" src="./yuga_news.js"></script>');
document.write('<script type="text/javascript" src="./swfobject.js"></script>');

function rolloverImage() {
  if (!document.getElementsByTagName) return false;
  var img = document.getElementsByTagName('img');
  for (var i = 0, l = img.length; i < l; i++) {
    if (img[i].getAttribute('src').match(/_off\./)) {
      img[i].off = img[i].getAttribute('src');
      img[i].ext = img[i].off.substring(img[i].off.lastIndexOf('.'), img[i].off.length);
      img[i].on = img[i].off.replace('_off' + img[i].ext, '_on' + img[i].ext);

      var preload = new Array();
      preload[i] = new Image();
      preload[i].setAttribute('src', img[i].on);

      img[i].onmouseover = function() {
        this.setAttribute('src', this.on);
      }
      img[i].onmouseout = function() {
        this.setAttribute('src', this.off);
      }
    }
  }
}

function dropdown_menu() {
  if (!document.getElementsByTagName || !document.getElementById) return false;
  if (!document.getElementById('globalNav')) return false;

  var list = document.getElementById('globalNav').getElementsByTagName('li');
  for (var i = 0, l = list.length; i < l; i++) {
    if (list[i].className == 'sub') {
      list[i].onmouseover = function() {
//        var ul = this.getElementsByTagName('ul')[0];
//        ul.style.display = 'block';
      }
      list[i].onmouseout = function() {
//        var ul = this.getElementsByTagName('ul')[0];
//        ul.style.display = 'none';

        /*
        var _this = this;
        setTimeout(function() {
          var ul = _this.getElementsByTagName('ul')[0];
          ul.style.display = 'none';
        }, 500);
        */
      }
    } else if (list[i].className == 'pict') {
      list[i].onmouseover = function() {
//        var span = this.getElementsByTagName('span')[0];
//        span.style.display = 'block';
      }
      list[i].onmouseout = function() {
//        var span = this.getElementsByTagName('span')[0];
//        span.style.display = 'none';
      }
    }
  }
}

function tab_change() {
  if (!document.getElementById('tab')) return false;

  if (document.getElementById('panel5')) {
    var config = {
      tab: document.getElementById('tab').getElementsByTagName('li'),
      panel: [
        document.getElementById('panel1'),
        document.getElementById('panel2'),
        document.getElementById('panel3'),
        document.getElementById('panel4'),
        document.getElementById('panel5')
      ]
    };
  } else if (document.getElementById('panel4')) {
    var config = {
      tab: document.getElementById('tab').getElementsByTagName('li'),
      panel: [
        document.getElementById('panel1'),
        document.getElementById('panel2'),
        document.getElementById('panel3'),
        document.getElementById('panel4')
      ]
    };
  } else if (document.getElementById('panel3')) {
    var config = {
      tab: document.getElementById('tab').getElementsByTagName('li'),
      panel: [
        document.getElementById('panel1'),
        document.getElementById('panel2'),
        document.getElementById('panel3')
      ]
    };
  } else {
    var config = {
      tab: document.getElementById('tab').getElementsByTagName('li'),
      panel: [
        document.getElementById('panel1'),
        document.getElementById('panel2')
      ]
    };
  }

  var tab = config.tab;
  var panel = config.panel;

  for (var i = 0, l = panel.length; i < l; i++) {
    if (i != 0) panel[i].style.display = 'none';
    tab[i].onclick = function() {
      trigger(this);
      return false;
    }
  }

  function trigger(obj) {
    for (var num = 0, l = tab.length; num < l; num++) {
      if (tab[num] == obj) break;
    }

    for (var i = 0, l = panel.length; i < l; i++) {
      if (i == num) {
        panel[num].style.display = 'block';
        tab[num].className = 'selected';
      } else {
        panel[i].style.display = 'none';
        tab[i].className = '';
      }
    }
  }
}

function knit_search() {
  if (!document.getElementById('searchPanel')) return false;

  var panel = document.getElementById('searchPanel');
  var purpose = document.getElementById('purpose');
  var close = document.getElementById('closeButton');

  panel.style.display = 'none';

  purpose.onchange = function() {
    if (purpose.value == 'sweater') {
      panel.style.display = 'block';
    }
  }

  close.onclick = function() {
    panel.style.display = 'none';
    purpose.selectedIndex = 0;
  }
}

/*
function clickable_map() {
  if (!document.getElementById('knitMap')) return false;

  var config = {
    image: document.getElementById('knitMap').getElementsByTagName('img'),
    area: document.getElementById('map').getElementsByTagName('area'),
    name: [
      'neck', 'shoulder', 'main', 'side'
    ]
  };

  var image = config.image;
  var area = config.area;
  var name = config.name;
  var num;

  for (var i = 0, l = area.length; i < l; i++) {
    var off_src = image[0].getAttribute('src');

    area[i].onmouseover = function() {
      trigger(this);
      var on_src = off_src.replace('_default', '_' + name[num]);
      image[0].setAttribute('src', on_src);
    }

    area[i].onmouseout = function() {
      trigger(this);
      image[0].setAttribute('src', off_src);
    }
  }

  function trigger(obj) {
    for (num = 0; num < l; num++) {
      if (area[num] === obj) break;
    }
  }
}
*/

function clickable_map() {
  if (!document.getElementById('knitMap')) return false;

  document.getElementById('area01').onmouseover = function() {
    document.getElementById('pop01').style.display = 'block';
  }
  document.getElementById('pop01').onmouseover = function() {
    this.style.display = 'block';
  }
  document.getElementById('area01').onmouseout = function() {
    document.getElementById('pop01').style.display = 'none';
  }
  document.getElementById('pop01').onmouseout = function() {
    this.style.display = 'none';
  }

  document.getElementById('area02').onmouseover = function() {
    document.getElementById('pop02').style.display = 'block';
  }
  document.getElementById('pop02').onmouseover = function() {
    this.style.display = 'block';
  }
  document.getElementById('area02').onmouseout = function() {
    document.getElementById('pop02').style.display = 'none';
  }
  document.getElementById('pop02').onmouseout = function() {
    this.style.display = 'none';
  }

  document.getElementById('area03').onmouseover = function() {
    document.getElementById('pop03').style.display = 'block';
  }
  document.getElementById('pop03').onmouseover = function() {
    this.style.display = 'block';
  }
  document.getElementById('area03').onmouseout = function() {
    document.getElementById('pop03').style.display = 'none';
  }
  document.getElementById('pop03').onmouseout = function() {
    this.style.display = 'none';
  }

  document.getElementById('area04').onmouseover = function() {
    document.getElementById('pop04').style.display = 'block';
  }
  document.getElementById('pop04').onmouseover = function() {
    this.style.display = 'block';
  }
  document.getElementById('area04').onmouseout = function() {
    document.getElementById('pop04').style.display = 'none';
  }
  document.getElementById('pop04').onmouseout = function() {
    this.style.display = 'none';
  }
}

function addEvent(elm, listener, fn) {
  try {
    elm.addEventListener(listener, fn, false);
  } catch(e) {
    elm.attachEvent('on' + listener, fn);
  }
}

addEvent(window, 'load', rolloverImage);
addEvent(window, 'load', dropdown_menu);
addEvent(window, 'load', tab_change);
addEvent(window, 'load', knit_search);
addEvent(window, 'load', clickable_map);

}) ();