// =========================================================

// jq-rolloverstar.js
// based on the work of Matt Oakes http://portfolio.gizone.co.uk/applications/slideshow/

// =========================================================

if (isJsEnabled()) {
  addLoadEvent(jqRollOverAutoAttach);
}

function jqRollOverAutoAttach(event, parent) {
  JQ('#header ul a').each(function(){
    var elem = JQ(this).get();
    elem = elem[0];

    var oldOnmouseover = elem.onmouseover;
    if (typeof elem.onmouseover != 'function') {
      elem.onmouseover = jqRollOverInit;
    }
    else {
     elem.onmouseover = function() {
        oldOnmouseover();
        jqRollOverInit();
      }
    }

    var oldOnmouseout = elem.onmouseout;
    if (typeof elem.onmouseout != 'function') {
      elem.onmouseout = jqRollOverExit;
    }
    else {
     elem.onmouseout = function() {
        oldOnmouseout();
        jqRollOverExit();
      }
    }
  });
}

function jqRollOverInit() {
  var imageinfrag = this.href.split('/').pop();
  if (!imageinfrag) imageinfrag = 'home';
  var imagein = '#header ul img[@src$=' + imageinfrag + '-rollover.gif]';
  var imageout = '#header ul img[@src$=star.gif]';
  var options = { speed: 500, containerheight: '50px', containerwidth: '100px' };

  JQ.fn.rollover(imagein, imageout, options);
}

function jqRollOverExit() {
  var imageoutfrag = this.href.split('/').pop();
  if (!imageoutfrag) imageoutfrag = 'home';
  var imageout = '#header ul img[@src$=' + imageoutfrag + '-rollover.gif]';
  var imagein = '#header ul img[@src$=star.gif]';
  var options = { speed: 500, containerheight: '50px', containerwidth: '100px' };

  JQ.fn.rollover(imagein, imageout, options);
}

JQ.fn.rollover = function(imagein, imageout, options) {
  var settings = {
		speed: 'normal',
		containerheight: 'auto',
		containerwidth: 'auto'
	}

	if(options)
		JQ.extend(settings, options);

  JQ(imagein).parent().css('position', 'relative');
  JQ(imagein).parent().css('height', settings.containerheight);
  JQ(imagein).parent().css('width', settings.containerwidth);

  JQ.rollover.swap(imagein, imageout, settings);
}

JQ.rollover = function() {}

JQ.rollover.swap = function (imagein, imageout, settings) {
	JQ(imageout).css('position', 'absolute').hide();
	JQ(imagein).css('position', 'absolute').show();
}