var $ = jQuery.noConflict();

var app = {
  _idRegex: /([0-9]+)$/,
  id: {
    'footer-image': 'footer-nav-image-',
    'footer-link': 'page-link-'
  },
  
  getID: function(x){
    var r = x.match(app._idRegex);
    if(r['1']){
      return r['1'];
    } else {
      return '';
    }
  },
  
  switchBotBtnOn: function(id, cls){
    var id = app.getID(id);
    $(app.id['footer-link'] + id).css('text-decoration: underline');
    var ele = document.getElementById(app.id['footer-image'] + id);

    if(cls.match(/^left/)){
      $(ele).attr('src', app.imgPaths['nav-button-left-on']);
    } else if(cls.match(/^right/)){
      $(ele).attr('src', app.imgPaths['nav-button-right-on']);
    } else {
      $(ele).attr('src', app.imgPaths['nav-button-on']);
    } 
  },
  
  switchBotBtnOff: function(id, cls){
    var id = app.getID(id);
    var ele = document.getElementById(app.id['footer-image'] + id);
    
    $(app.id['footer-link'] + id).css('text-decoration: none');
    if(cls.match(/^left/)){
      $(ele).attr('src', app.imgPaths['nav-button-left-off']);
    } else if(cls.match(/^right/)){
      $(ele).attr('src', app.imgPaths['nav-button-right-off']);
    } else {
      $(ele).attr('src', app.imgPaths['nav-button-off']);
    } 
  }
};

app.imgPaths = {
  "nav-button-off": siteBasePath + 'bg/button.png',
  "nav-button-on": siteBasePath + "bg/button-active.png",
  "nav-button-left-off": siteBasePath + "bg/footer-button-left.png",
  "nav-button-left-on": siteBasePath + "bg/footer-button-left-active.png",
  "nav-button-right-off": siteBasePath + "bg/footer-button-right-1.png",
  "nav-button-right-on": siteBasePath+ "bg/footer-button-right-1-active.png"        
}

$(document).ready(function(){
  var home = document.getElementById('home-logo');
  if(home){
    $(home).effect('slide', {
      distance: 500
    }, 1200);
  }
  
  $("#footer-panel-text a").hover(function(){
    var cls = $(this).parent().parent().attr('class');
    var id = $(this).attr('id');
    app.switchBotBtnOn(id, cls);
  }, function(){
    var cls = $(this).parent().parent().attr('class');
    var id = $(this).attr('id');
    app.switchBotBtnOff(id, cls);
  });
  
  $("#footer-panel-image a").hover(function(){
    var cls = $(this).parent().attr('class');
    var id = $(this).attr('class');
    app.switchBotBtnOn(id, cls);
  }, function(){
    var cls = $(this).parent().attr('class');
    var id = $(this).attr('class');
    app.switchBotBtnOff(id, cls);
  });
});