var image_base = 'http://mywpcreativecollection.com/images/';
var filename_base = 'cc_rightnav_';
var images_blur = new Array();
var images_hover = new Array();
var images_selected = new Array();
var active_page;

function getFileName() {
  var re = new RegExp("^.+/(.*?)(\.[A-Za-z0-9]+?)(\\?.+)?$");
  var m = re.exec(window.location);
  return m[1].toLowerCase();
} // getFileName()

function loader() {
  preloadImgs('shades','classics','scrappacks','pearls','metallics','crinkles','textures');
  active_page = getFileName();
  active_page = (active_page == null) ? 'shades' : active_page;
  rollOver(active_page);
} // loader()

function rollOver(image) {
  var img = document.getElementById(image);
  if (image == active_page) {
    img.src = images_selected[image].src;
  } else {
    img.src = images_hover[image].src;
  }
} // rollOver()

function rollOut(image) {
  var img = document.getElementById(image);
  if (image == active_page) {
    img.src = images_selected[image].src;
  } else {
    img.src = images_blur[image].src;
  }
} // rollOut()

function preloadImgs() {
  var oDiv = document.getElementById('info');
  var arg = preloadImgs.arguments;
  for (x = 0; x < preloadImgs.arguments.length; x++) {
    images_blur[arg[x]] = new Image(); 
    images_blur[arg[x]].src = image_base + filename_base + arg[x] + '.jpg';    
    images_hover[arg[x]] = new Image(); 
    images_hover[arg[x]].src = image_base + filename_base + arg[x] + '_roll.jpg';
    images_selected[arg[x]] = new Image(); 
    images_selected[arg[x]].src = image_base + filename_base + arg[x] + '_active.jpg';
  }
} // preloadImgs()