function smartRollover() {
  if(document.getElementsByTagName) {
    var images = document.getElementsByTagName("img");

    for(var i=0; i < images.length; i++) {
      if(images[i].getAttribute("src").match("_off."))
      {
        images[i].onmouseover = function() {
          this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
        }
        images[i].onmouseout = function() {
          this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
        }
      }
    }
  }
}

if(window.addEventListener) {
  window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) {
  window.attachEvent("onload", smartRollover);
}


$(document).ready(function(){
  topSlideImage();
  photoGallery();
});



function topSlideImage(){
  if($('#slideThumb').size() > 0){
    tvID = "";
    var SRC = new Image();
    topSlideCount = $('#slideThumb').find('a').size()-1;

    topSlideAction(0);
    $('#slideThumb').find('a').each(function(i){
      SRC[i] = $(this).attr('rel');
      jQuery("<img>").attr("src", SRC[i]);
      $(this).hover(function(){
        topSlideAction(i)
      },function(){
        topSlideTimer(i);
      });
    });

    topSlideTimer(0);
  }
}

function topSlideAction(ID){
  clearTimeout(tvID);
  var displayElm = $('#slideThumb').find('a:eq('+ID+')');
  $('#slideThumb').find('.current .thumbOn').stop().fadeTo(500,0)
  //$('#slideThumb').find('.current .thumbOn').fadeOut(800);
  $('#slideThumb').find('.current').removeClass('current')
  $(displayElm).find('.thumbOn').stop(true,true).fadeTo(500,1)
  //$(displayElm).find('.thumbOn').stop(true,true).fadeIn(800);
  $(displayElm).addClass('current');
  $('#slidePhoto').find('.photoInner').stop().fadeOut(300,function(){
    $('#slidePhoto').find('img').attr('src',$(displayElm).attr('rel'));
    $('#slidePhoto').find('a').attr('href',$(displayElm).attr('href'));
    $('#slidePhoto').find('.photoInner').css('background-color',$(displayElm).css('background-color'));
    $('#slidePhoto').find('.photoInner').fadeTo(1500,1)
  });
}

function topSlideTimeSetting(next){
  next++;
  if(next > topSlideCount){
    next = 0;
  }
  topSlideAction(next);
  topSlideTimer(next);
}

function topSlideTimer(i){
  tvID = setTimeout('topSlideTimeSetting('+i+')',5000);
}





function photoGallery(){
  var defaults = {
    MODE      : 'MOUSEOVER',//MOUSEOVER,CLICK
    MAINSTAGE : '#photoGallery',
    THUMBNAVI : '#thumbNavi',
    LEFTNAVI  : '#leftMovieBtn',
    RIGHTNAVI : '#rightMovieBtn',
    PHOTOAREA : '#photoArea',
    CAPTION   : '.caption',
    SPEED     : 300
  }

  if($(defaults.MAINSTAGE).size() > 0){
    SRC = new Array();
    COUNT = $(defaults.THUMBNAVI).find('li a').size();
    $(defaults.THUMBNAVI).find('li a').each(function(i){
      SRC[i] = $(this).attr('href');
      jQuery("<img>").attr("src", SRC[i]);
    });

    if(defaults.MODE == 'CLICK'){
      $(defaults.THUMBNAVI).find('li a').click(function(){
        if(!$(this).hasClass('current')){
          TARGET = this;
          photoChange();
          return false;
        }else{
          return false;
        }
      });

    }else if(defaults.MODE == 'MOUSEOVER'){
      $(defaults.THUMBNAVI).find('li a').mouseover(function(){
        if(!$(this).hasClass('current')){
          TARGET = this;
          photoChange();
          return false;
        }else{
          return false;
        }
      });
      $(defaults.THUMBNAVI).find('li a').click(function(){
        return false;
      });
    }


    $(defaults.LEFTNAVI).find('a').click(function(){
      IMGID = $('.current').parent().prev().index();
      if(IMGID < 0) IMGID = IMGID+COUNT;
      TARGET = $(defaults.THUMBNAVI + ' li:eq('+IMGID+')').find('a');
      photoChange();
      return false;
    });

    $(defaults.RIGHTNAVI).find('a').click(function(){
      IMGID = $('.current').parent().next().index();
      if(IMGID < 0) IMGID = 0;
      TARGET = $(defaults.THUMBNAVI + ' li:eq('+IMGID+')').find('a');
      photoChange();
      return false;
    });

    function photoChange(){
      $(defaults.THUMBNAVI).find('a').removeClass('current');
      $(TARGET).addClass('current');
      $(defaults.PHOTOAREA).find(defaults.CAPTION).text($(TARGET).find('img').attr('alt'));
      $(defaults.PHOTOAREA).find('.photobox img').stop(true, true).hide();
      $(defaults.PHOTOAREA).find('.photobox img').attr('src',$(TARGET).attr('href')).bind("load", function() {
        $(defaults.PHOTOAREA).find('.photobox img').fadeIn(defaults.SPEED,function(){
          return false;
        });
      });
    }
  }
}