var Spry;
if(!Spry)
{
	Spry = {};
}
if(!Spry.Widget)
{
	Spry.Widget = {};
}

// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
{
	this.init(element, opts);
};

Spry.Widget.MenuBar.prototype.init = function(element, opts)
{
	this.element = this.getElement(element);

	// represents the current (sub)menu we are operating on
	this.currMenu = null;

	var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
	if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined'))
	{
		// bail on older unsupported browsers
		return;
	}

	// load hover images now
	if(opts)
	{
		for(var k in opts)
		{
			var rollover = new Image;
			rollover.src = opts[k];
		}
	}

	if(this.element)
	{
		this.currMenu = this.element;
		var items = this.element.getElementsByTagName('li');
		for(var i=0; i<items.length; i++)
		{
			this.initialize(items[i], element, isie);
			if(isie)
			{
				this.addClassName(items[i], "MenuBarItemIE");
				items[i].style.position = "static";
			}
		}
		if(isie)
		{
			if(this.hasClassName(this.element, "MenuBarVertical"))
			{
				this.element.style.position = "relative";
			}
			var linkitems = this.element.getElementsByTagName('a');
			for(var i=0; i<linkitems.length; i++)
			{
				linkitems[i].style.position = "relative";
			}
		}
	}
};

Spry.Widget.MenuBar.prototype.getElement = function(ele)
{
	if (ele && typeof ele == "string")
		return document.getElementById(ele);
	return ele;
};

Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
{
	if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
	{
		return false;
	}
	return true;
};

Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
{
	if (!ele || !className || this.hasClassName(ele, className))
		return;
	ele.className += (ele.className ? " " : "") + className;
};

Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
{
	if (!ele || !className || !this.hasClassName(ele, className))
		return;
	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
{
	try
	{
		if (element.addEventListener)
		{
			element.addEventListener(eventType, handler, capture);
		}
		else if (element.attachEvent)
		{
			element.attachEvent('on' + eventType, handler);
		}
	}
	catch (e) {}
};

// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
{
	var layer = document.createElement('iframe');
	layer.tabIndex = '-1';
	layer.src = 'javascript:false;';
	menu.parentNode.appendChild(layer);
	
	layer.style.left = menu.offsetLeft + 'px';
	layer.style.top = menu.offsetTop + 'px';
	layer.style.width = menu.offsetWidth + 'px';
	layer.style.height = menu.offsetHeight + 'px';
};

// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer =  function(menu)
{
	var layers = menu.parentNode.getElementsByTagName('iframe');
	while(layers.length > 0)
	{
		layers[0].parentNode.removeChild(layers[0]);
	}
};

// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
{
	var menus = root.getElementsByTagName('ul');
	for(var i=0; i<menus.length; i++)
	{
		this.hideSubmenu(menus[i]);
	}
	this.removeClassName(this.element, "MenuBarActive");
};

// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
{
	return (navigator.vendor == 'Apple Computer, Inc.' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));
};

// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
{
	if(this.currMenu)
	{
		this.clearMenus(this.currMenu);
		this.currMenu = null;
	}
	
	if(menu)
	{
		this.addClassName(menu, "MenuBarSubmenuVisible");
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
		{
			if(!this.hasClassName(this.element, "MenuBarHorizontal") || menu.parentNode.parentNode != this.element)
			{
				menu.style.top = menu.parentNode.offsetTop + 'px';
			}
		}
		if(typeof document.uniqueID != "undefined")
		{
			this.createIframeLayer(menu);
		}
	}
	this.addClassName(this.element, "MenuBarActive");
};

// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
{
	if(menu)
	{
		this.removeClassName(menu, "MenuBarSubmenuVisible");
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
		{
			menu.style.top = '';
			menu.style.left = '';
		}
		this.removeIframeLayer(menu);
	}
};

// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element, isie)
{
	var opentime, closetime;
	var link = listitem.getElementsByTagName('a')[0];
	var submenus = listitem.getElementsByTagName('ul');
	var menu = (submenus.length > 0 ? submenus[0] : null);

	var hasSubMenu = false;
	if(menu)
	{
		this.addClassName(link, "MenuBarItemSubmenu");
		hasSubMenu = true;
	}

	if(!isie)
	{
		// define a simple function that comes standard in IE to determine
		// if a node is within another node
		listitem.contains = function(testNode)
		{
			// this refers to the list item
			if(testNode == null)
			{
				return false;
			}
			if(testNode == this)
			{
				return true;
			}
			else
			{
				return this.contains(testNode.parentNode);
			}
		};
	}
	
	// need to save this for scope further down
	var self = this;

	this.addEventListener(listitem, 'mouseover', function(e)
	{
		if(self.bubbledTextEvent())
		{
			// ignore bubbled text events
			return;
		}
		clearTimeout(closetime);
		if(self.currMenu == listitem)
		{
			self.currMenu = null;
		}
		// show menu highlighting
		self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
		if(menu && !self.hasClassName(menu, "MenuBarSubmenuVisible"))
		{
			opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 250);
		}
	}, false);

	this.addEventListener(listitem, 'mouseout', function(e)
	{
		if(self.bubbledTextEvent())
		{
			// ignore bubbled text events
			return;
		}

		var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
		if(!listitem.contains(related))
		{
			clearTimeout(opentime);
			self.currMenu = listitem;

			// remove menu highlighting
			self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
			if(menu)
			{
				closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600);
			}
		}
	}, false);
};

var dimages=new Array();
var dimages2=new Array();
var dimages3=new Array();
var dimages4=new Array();
var dimages5=new Array();
var dimages6=new Array();
var numImages=6;
var numImages2=6;
var numImages3=6;
var numImages4=6;
var numImages5=6;
var numImages6=6;

for (i=0; i<numImages; i++)
{
  dimages[i]=new Image();
  dimages[i].src="images/1/"+(i+1)+".jpg";
}
for (i=0; i<numImages2; i++)
{
  dimages2[i]=new Image();
  dimages2[i].src="images/2/"+(i+1)+".jpg";
}
for (i=0; i<numImages3; i++)
{
  dimages3[i]=new Image();
  dimages3[i].src="images/3/"+(i+1)+".jpg";
}
for (i=0; i<numImages4; i++)
{
  dimages4[i]=new Image();
  dimages4[i].src="images/4/"+(i+1)+".jpg";
}
for (i=0; i<numImages5; i++)
{
  dimages5[i]=new Image();
  dimages5[i].src="images/5/"+(i+1)+".jpg";
}
for (i=0; i<numImages6; i++)
{
  dimages6[i]=new Image();
  dimages6[i].src="images/6/"+(i+1)+".jpg";
}
var curImage=-1;
var curImage2=-1;
var curImage3=-1;
var curImage4=-1;
var curImage5=-1;
var curImage6=-1;

function swapPicture()
{
  if (document.images)
  {
    var nextImage=curImage+1;
    if (nextImage>=numImages)
      nextImage=0;
    if (dimages[nextImage] && dimages[nextImage].complete)
    {
      var target=0;
      if (document.images.myImage)
        target=document.images.myImage;
      if (document.all && document.getElementById("myImage"))
        target=document.getElementById("myImage");

		// make sure target is valid
	   if (target)
	   {
        document.myImage.src=dimages[nextImage].src;
        curImage=nextImage;
      }
      setTimeout("swapPicture()", 5000);
    }
    else
    {
      setTimeout("swapPicture()", 500);
    }
  }
}
function swapPicture2()
{
  if (document.images)
  {
    var nextImage=curImage2+1;
    if (nextImage>=numImages2)
      nextImage=0;
    if (dimages2[nextImage] && dimages2[nextImage].complete)
    {
      var target=0;
      if (document.images.myImage2)
        target=document.images.myImage2;
      if (document.all && document.getElementById("myImage2"))
        target=document.getElementById("myImage2");

		// make sure target is valid
	   if (target)
	   {
        document.myImage2.src=dimages2[nextImage].src;
        curImage2=nextImage;
      }
      setTimeout("swapPicture2()", 5000);
    }
    else
    {
      setTimeout("swapPicture2()", 500);
    }
  }
}
function swapPicture3()
{
  if (document.images)
  {
    var nextImage=curImage3+1;
    if (nextImage>=numImages3)
      nextImage=0;
    if (dimages3[nextImage] && dimages3[nextImage].complete)
    {
      var target=0;
      if (document.images.myImage3)
        target=document.images.myImage3;
      if (document.all && document.getElementById("myImage3"))
        target=document.getElementById("myImage3");

		// make sure target is valid
	   if (target)
	   {
        document.myImage3.src=dimages3[nextImage].src;
        curImage3=nextImage;
      }
      setTimeout("swapPicture3()", 5000);
    }
    else
    {
      setTimeout("swapPicture3()", 500);
    }
  }
}
function swapPicture4()
{
  if (document.images)
  {
    var nextImage=curImage4+1;
    if (nextImage>=numImages4)
      nextImage=0;
    if (dimages4[nextImage] && dimages4[nextImage].complete)
    {
      var target=0;
      if (document.images.myImage4)
        target=document.images.myImage4;
      if (document.all && document.getElementById("myImage4"))
        target=document.getElementById("myImage4");

		// make sure target is valid
	   if (target)
	   {
        document.myImage4.src=dimages4[nextImage].src;
        curImage4=nextImage;
      }
      setTimeout("swapPicture4()", 5000);
    }
    else
    {
      setTimeout("swapPicture4()", 500);
    }
  }
}
function swapPicture5()
{
  if (document.images)
  {
    var nextImage=curImage5+1;
    if (nextImage>=numImages5)
      nextImage=0;
    if (dimages5[nextImage] && dimages5[nextImage].complete)
    {
      var target=0;
      if (document.images.myImage5)
        target=document.images.myImage5;
      if (document.all && document.getElementById("myImage5"))
        target=document.getElementById("myImage5");

		// make sure target is valid
	   if (target)
	   {
        document.myImage5.src=dimages5[nextImage].src;
        curImage5=nextImage;
      }
      setTimeout("swapPicture5()", 5000);
    }
    else
    {
      setTimeout("swapPicture5()", 500);
    }
  }
}
function swapPicture6()
{
  if (document.images)
  {
    var nextImage=curImage6+1;
    if (nextImage>=numImages6)
      nextImage=0;
    if (dimages6[nextImage] && dimages6[nextImage].complete)
    {
      var target=0;
      if (document.images.myImage6)
        target=document.images.myImage6;
      if (document.all && document.getElementById("myImage6"))
        target=document.getElementById("myImage6");

		// make sure target is valid
	   if (target)
	   {
        document.myImage6.src=dimages6[nextImage].src;
        curImage6=nextImage;
      }
      setTimeout("swapPicture6()", 5000);
    }
    else
    {
      setTimeout("swapPicture6()", 500);
    }
  }
}
setTimeout("swapPicture()", 5000);
setTimeout("swapPicture2()", 5000);
setTimeout("swapPicture3()", 5000);
setTimeout("swapPicture4()", 5000);
setTimeout("swapPicture5()", 5000);
setTimeout("swapPicture6()", 5000);