/*********************************************
 * Images to load into the rotator 
 * REMEMBER to put "http" in the link, unless you want to link to this site
 * (www.canflexinc.com)
 */

var RotatorImages = 
[
	{img : "images/rotating/001_cranetest.jpg", url : ""},
	{img : "images/rotating/003_davittestwaterbag.jpg", url : ""},
	{img : "images/rotating/004_cleanstation.jpg", url : ""},
	{img : "images/rotating/005_lifeboattestbag.jpg", url : ""},
	{img : "images/rotating/006_oceantowablebladder.jpg", url : ""},
	{img : "images/rotating/007_opentoptank.jpg", url : ""},
	{img : "images/rotating/008_pillowtank.jpg", url : ""},
	{img : "images/rotating/009_totallyenclosedballoon.jpg", url : ""},
	{img : "images/rotating/010_truckmountable.jpg", url : ""}
];

// If ImageTransition is larger then ImageTimeout, you will experence issues.
var ImageTimeout = 2000; // Two seconds per image
var ImageTransition = 1000; // One second to transition image

/*
 * End
 *********************************************/

/**
 */
function Menu(menuName)
{
	if (!window.Menus)
	{
		window.Menus = {};
	}
	
	this.Name = menuName;
	this.Items = [];
	window.Menus[menuName] = this;
}

Menu.prototype.addMenuItem = function(title, action)
{
	this.Items.push({"title" : title, "action" : action});
}

window.writeMenus = function()
{
	var quads = $(".quadlink");
	quads.each(function(i){
		var name = $(this).attr("href");
		var menu = window.Menus[name];
		
		if (!menu)
			return;
		
		$(this).click(function(){return false;});
		
		var copyDimsNode = $(this.parentNode.parentNode.parentNode);
		var ul = $(document.createElement("ul"));
		
		if($.browser.msie)
			ul.css("margin-left", "-95px");
		
		ul.css("width", copyDimsNode.width() + 11);
		ul.css("top", copyDimsNode.height() + copyDimsNode.position().top + 10);
		for (var itemIndex = 0; itemIndex < menu.Items.length; itemIndex++)
		{
			var item = menu.Items[itemIndex];
			var li = $(document.createElement("li"));
			
			var a = $(document.createElement("a"));
			a.attr("href", item.action);
			a.html(item.title);
			
			li.append(a);
			ul.append(li);
		}
		
		$(this).after(ul);
	});
	
	$('.quadlinkcont > li').bind('mouseout',  jsddm_timer);
	$('.quadlinkcont > li').bind('mouseover',  jsddm_open);
}

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{
	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').css('visibility', 'visible')
}

function jsddm_close()
{
	if (ddmenuitem) 
	{
		ddmenuitem.css('visibility', 'hidden');
	}
}

function jsddm_timer()
{
	closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

document.onclick = jsddm_close;


// ***********************************************************************
// Image Rotator
var onLoad = window.onload;
window.onload = function(){
	var find = $("#image");
	if (find.length)
	{		
		var ele = find[0];
		
		var size = {wid : $(ele).width(), hei : $(ele).height()};
		RotatorImages.unshift({img : $(ele).attr("src"), url : ""});
		
		var rotator = $(document.createElement("div"));
		rotator.css("position", "relative");
		rotator.css("width", size.wid);
		rotator.css("height", size.hei);
		
		$(ele).after(rotator);
		$(ele).remove();
		
		for (var i = 0; i < RotatorImages.length; i++)
		{
			var imageData = RotatorImages[i];
			var image = new Image();
			image.src = imageData.img;
			
			var newImageEle = $(document.createElement("img"));
			newImageEle.attr("src", imageData.img);
			
			newImageEle.css("position", "absolute");
			newImageEle.css("top", "0px");
			newImageEle.css("left", "0px");
			
			if (imageData.url.length)
				newImageEle.css("cursor", "pointer");
			newImageEle.data("ImageData", imageData);
			
			newImageEle.click(function(){
				if ($(this).data("ImageData").url.length) {
					window.location = $(this).data("ImageData").url;
				}
			});
			
			rotator.append(newImageEle);
			
			if (i != 0) 
			{
				var curSize = {
					wid: $(newImageEle).width(),
					hei: $(newImageEle).height()
				};
				var ratio = size.wid / curSize.wid;
				var newHei = (curSize.hei * ratio);
				
				newImageEle.css("height", newHei);
				
				var x = (size.hei / 2) - (newHei / 2);
				newImageEle.css("top", x);
			}
			
			newImageEle.css("width", size.wid);
			
			if (i >= 1)
				newImageEle.css("display", "none");
			else
				window.CurrentImage = RotatorImages[i];
				
			RotatorImages[i].element = newImageEle;
			RotatorImages[i].index = i;
		}
		window.setTimeout(NextImage, ImageTimeout);
	}
	
	if (onLoad)
		onLoad();
}

function NextImage()
{
	var newIndex = window.CurrentImage.index + 1;
	if (newIndex >= RotatorImages.length)
		newIndex = 0;
	
	old = window.CurrentImage.element;
	window.CurrentImage.element.css("z-index", 10);
	window.CurrentImage.element.animate({
		opacity : 0
	}, ImageTransition, null, function(){old.css("display", "none")});
	
	RotatorImages[newIndex].element.css("z-index", 5);
	RotatorImages[newIndex].element.css("display", "block");
	RotatorImages[newIndex].element.animate({
		opacity : 1
	}, ImageTransition);
	
	window.CurrentImage = RotatorImages[newIndex];
	
	window.setTimeout(NextImage, ImageTimeout);
}