var boxes = [];
var triggers = [];
var active = false;
var _preview = false;

var active_loc = false;

window.addEvent('domready', function() {
		_box = $('tabset');
		_preview = $('preview');
		if (_box)
		{
			var tmp = window.location.toString();

			var loc = tmp.split("#");
			if (loc[1] && (tmp.indexOf("services") != -1))
			{
				active_loc = "services-"+loc[1];
			}
			if (loc[1] && (tmp.indexOf("fleet") != -1))
			{
				active_loc = "fleet-"+loc[1];
			}
			var els = _box.getElements("a");
			els.each(function(el, i) {
				var c = document.getElementById(el.href.substr(el.href.indexOf("#") + 1));
				if (c)
				{
					boxes.push(c);
					triggers.push(el);
					el._target = c;
					if ($(el.parentNode).className.indexOf("active") != -1)
					{
						active = boxes.length-1;
					}
					if (active_loc && (el.href.substr(el.href.indexOf("#") + 1) == active_loc))
					{
						active = boxes.length-1;
					}
					if (($(el.parentNode.parentNode.parentNode).className.indexOf("fleet") != -1) && _preview)
					{
						el.addEvent('mouseover', function(){
							_preview.src = this.rel;
						});
						el.addEvent('mouseout', function(){
							_preview.src = (this.parentNode.parentNode).getElements("li.active a")[0].rel;
						});
					}
				}
				
			}, this);
			
			if (boxes.length && triggers.length)
			{
				if (!active)
				{
					active = 0;
				}
				var accordion2 = new Accordion(triggers, boxes, {
					opacity: true,
					display: active,
					onActive: function(toggler, element){
						toggler.parentNode.addClass("active");
						if (_preview)
						{
							_preview.src = toggler.rel;
							initGallery(toggler._target);
						}
					},
					onBackground: function(toggler, element){
						toggler.parentNode.removeClass("active");
					}
				}, _box);
			}
		}	
		sideHover();
});
function sideHover(){
	$$('.fleet-selector').each(function(obj, ind){
		var holder = obj;
		var img = holder.getElement('#preview');
		var links = holder.getElements('#tabset a');
		links.each(function(item,ind){
			item.addEvent('mouseenter', function(){
				img.setProperty('src', item.getProperty('rel'));
			});
		});
	})
}
