//All scripts sourced from www.sitepoint.com

//Image Preloader
//var imgNames = ['subnav_sypnosis_2', 'subnav_trivia_2']; declared each PHP file
var imgObjects = [];

for (var i = 0; i < imgNames.length; i++)
{
  imgObjects[i] = new Image();
  imgObjects[i].src = 'assets/gif/nav_buttons/' + imgNames[i];// + '.gif'

  //test function
  /*imgObjects[i].onload = function()
  {
    alert('Image preloaded.');
  };*/
}



// Universal Image Rollover
function setupRollovers() {
 if (!document.getElementsByTagName)
   return;
 var all_links = document.getElementsByTagName('a');
 for (var i = 0; i < all_links.length; i++) {
   var link = all_links[i];
   if (link.className &&
       (' ' + link.className + ' ').indexOf(' rollover ') != -1)
   {
     if (link.childNodes &&
         link.childNodes.length == 1 &&
         link.childNodes[0].nodeName.toLowerCase() == 'img') {
       link.onmouseover = mouseover;
       link.onmouseout = mouseout;
     }
   }
 }
};


function findTarget(e)
{
 /* Begin the DOM events part, which you can ignore for now if it's confusing */
 var target;

 if (window.event && window.event.srcElement)
   target = window.event.srcElement;
 else if (e && e.target)
   target = e.target;
 if (!target)
   return null;

 while (target != document.body &&
     target.nodeName.toLowerCase() != 'a')
   target = target.parentNode;

 if (target.nodeName.toLowerCase() != 'a')
   return null;

 return target;
}

function mouseover(e) {
 var target = findTarget(e);
 if (!target) return;

 // the only child node of the a-tag in target will be an img-tag
 var img_tag = target.childNodes[0];

 // Take the "src", which names an image called "something.ext",
 // Make it point to "something_over.ext"
 // This is done with a regular expression
 img_tag.src = img_tag.src.replace(/_1(\.[^.]+)$/, '_2$1');
}

function mouseout(e) {
 var target = findTarget(e);
 if (!target) return;

 // the only child node of the a-tag in target will be an img-tag
 var img_tag = target.childNodes[0];

 // Take the "src", which names an image as "something_over.ext",
 // Make it point to "something.ext"
 // This is done with a regular expression
 img_tag.src = img_tag.src.replace(/_2(\.[^.]+)$/, '_1$1');
}
// When the page loads, set up the rollovers
window.onload = setupRollovers;


function myPopup() {
					window.open( "redband/pop_up.php?sid=SIDL11OA57166510797253465772854224678664", "myWindow", 
					"status = 1, width = 600, height = 400, resizable = 1" )
		}