lib_img_dir = 'http://content.atomz.com/pb00002f7b/publish/includes/i/';

function rollovers_Init() {
	ro_init();
}

function tooltip_Init() {
	tt_init();
}

function pb_init(id,amount) {	
	var bar = $(id);
	var r_or_g = 'green';
	if (amount>=90)
	{
		var r_or_g = 'red';
	}
	var pixels = Math.round(((amount*.01)*185));

	var meter = $E('.percentage_bar_amount',bar);
	
	meter.removeClass('percentage_bar_amount');
	meter.addClass('percentage_bar_'+r_or_g);
	
	var reveal = new Fx.Styles(meter, {
		duration: 1000,
		transition: Fx.Transitions.Quad.easeOut,
		wait: true,
		fps: 24
	});
	
	reveal.start({
		'width': [0,pixels],
		'opacity': [0,1]
	});
}

function tg_init(togglers_name,toggleds_name,active) {
	var preload = new Array();

	var togglers = $ES('.'+togglers_name);
	
	var toggleds = $ES('.'+toggleds_name);

	togglers.each(function(toggler,index) {
		var active_content = toggleds[index];

		if (toggler.tagName=='IMG')
		{
			toggler.addEvents({
				'click':  function() {
					if (active==true)
					{
						var handlers = $ES('.'+togglers_name);
						handlers.each(function(handler) {
							var source = handler.src;
							if (source.match('_active'))
							{
								var newSource = source.replace(/_active/, '_off');
								handler.src = newSource;
							}
						});

						var source = toggler.src;
						var newSource = source.replace(/_on/, '_active');
						toggler.src = newSource;
					}
					
					var contents = $ES('.'+toggleds_name);
					contents.each(function(content) {
						content.addClass('hidden');
						content.removeClass('visible');
					});

					active_content.removeClass('hidden');
					active_content.addClass('visible');
				}
			});

			preload[index] = new Image();
			var newSource = toggler.src.replace(/_off/, '_active');
			preload[index].src = newSource;
		}
		else
		{
			if (toggler.hasClass('active'))
			{
				toggler.removeClass('active');
				toggler.removeClass(togglers_name);
				toggler.addClass(togglers_name+'_active');	
			}

			toggler.addEvents({
				'click':  function() {
					var handlers = $ES('.'+togglers_name+'_active');
					handlers.each(function(handler) {
						handler.removeClass(togglers_name+'_active');
						handler.addClass(togglers_name);
					});

					toggler.removeClass(togglers_name);
					toggler.addClass(togglers_name+'_active');

					var contents = $ES('.'+toggleds_name);
					contents.each(function(content,index) {
						content.addClass('hidden');
						content.removeClass('visible');
					});

					active_content.removeClass('hidden');
					active_content.addClass('visible');
				}
			});
		}
	});
}

function ro_init() {
	var preload = new Array();

	for (i=0;i<arguments.length;i++)
	{
		var cl = arguments[i];
		var els = $ES('.'+cl);
		els.each(function(el) {
			ro_add_el(el,cl);
		});
	}

	var els = $ES('.rollover');
	els.each(function(el,index) {
		if (el.tagName == 'IMG')
		{
			preload[index] = new Image();
			var newSource = el.src.replace(/_off/, "_on");
			preload[index].src = newSource;
			ro_add_img(el);
		}
	});
	
	function ro_add_img(el) {
		el.addEvents({
			'mouseenter':  function() {
				var source = el.src;
				if (!(source.match("_active")))
				{
					var newSource = source.replace(/_off/, "_on");
					el.src = newSource;
				}
			},

			'mouseleave': function() {
				var source = el.src;
				if (!(source.match("_active")))
				{
					var newSource = source.replace(/_on/, "_off");
					el.src = newSource;
				}
			}
		});

		var pt = $(el.parentNode);

		if (pt.tagName == 'A')
		{
			pt.addEvents({
				'focus':  function() {
					var source = el.src;
					if (!(source.match("_active")))
					{
						var newSource = source.replace(/_off/, "_on");
						el.src = newSource;
					}
				},

				'blur': function() {
					var source = el.src;
					if (!(source.match("_active")))
					{
						var newSource = source.replace(/_on/, "_off");
						el.src = newSource;
					}
				}
			});
		}
	} 
		
	function ro_add_el(el,cl) {

		el.addEvents({
			'mouseenter':  function() {
				if (!(el.className.match("_active")))
				{
					el.removeClass(cl);
					el.addClass(cl+'_on');
				}
			},
			'mouseleave': function() {
				if (!(el.className.match("_active")))
				{
					el.removeClass(cl+'_on');
					el.addClass(cl);
				}
			},
			'focus':  function() {
				if (!(el.className.match("_active")))
				{	
					el.removeClass(cl);
					el.addClass(cl+'_on');
				}
			},
			'blur': function() {
				if (!(el.className.match("_active")))
				{
					el.removeClass(cl+'_on');
					el.addClass(cl);
				}
			}
		});
	}
}

function tt_init() {

	if (navigator.appVersion.indexOf("MSIE")!=-1){
	document.execCommand("BackgroundImageCache",false,true);
	tt_pngorgif = 'gif';
	}
	else
	{
	tt_pngorgif = 'png';
	}
	
	var bases = $ES('.tooltip');
	var tips = $ES('.tip');
	
	var body  = document.getElementsByTagName('body').item(0);
	var div = document.createElement('DIV');
	var div = $(div);
	div.id='tip_holder';
	div.style.left='-1000em';
	body.appendChild(div);

	tt_dsir(div);
	
	var reveal = new Fx.Styles(div, {
		duration: 200,
		transition: Fx.Transitions.Quad.easeIn,
		wait: true,
		fps: 24
	});
	
	var repeal = new Fx.Styles(div, {
		duration: 200,
		transition: Fx.Transitions.Quad.easeIn,
		wait: true,
		fps: 24
	});

	repeal.addEvent('onComplete', function(){
		div.style.left='-1000em';
	});

	function tt_locate(base) {
		var arrow_up = $('tt_arrow_up');
		var arrow_down = $('tt_arrow_down');

		arrow_down.style.left='20px';
		arrow_up.style.left='20px';
		arrow_down.style.right='';
		arrow_up.style.right='';

		var content = this.clone();
		content.style.position='relative';
		content.style.left='0';
		
		if (content.style.marginTop=='')
		{
			var mt=0;
		}
		else
		{
			var mt=content.style.marginTop.toInt();
		}

		if (content.style.marginRight=='')
		{
			var mr=0;
		}
		else
		{
			var mr=content.style.marginRight.toInt();
		}

		if (content.style.marginBottom=='')
		{
			var mb=0;
		}
		else
		{
			var mb=content.style.marginBottom.toInt();
		}

		if (content.style.marginLeft=='')
		{
			var ml=0;
		}
		else
		{
			var ml=content.style.marginLeft.toInt();
		}

		content.style.margin='0';
		var con_des = $('tip_content');
		tt_base = base;
		con_des.innerHTML='';
		con_des.appendChild(content);

		var win = {'x': window.getWidth(), 'y': window.getHeight()};
		var scroll = {'x': window.getScrollLeft(), 'y': window.getScrollTop()};
		var tip = {'x': div.offsetWidth, 'y': div.offsetHeight};
		
		var l = base.getCoordinates().left.toInt();
		var l = l+ml-mr;

		var x_total = win.x+scroll.x;
		if (!(x_total-l>tip.x))
		{	
			if (l-scroll.x>tip.x)
			{	
				if (tt_pngorgif=='png')
				{
					var l = l-tip.x+64;	
				}
				else
				{
					var l = l-tip.x+45;
				}
				arrow_down.style.left='';
				arrow_up.style.left='';
				arrow_down.style.right='20px';
				arrow_up.style.right='20px';
			}
		}

		var t = base.getCoordinates().top.toInt();
		var b = base.getCoordinates().bottom.toInt();

		var y_avail = t-scroll.y;
		if (!(y_avail>tip.y))
		{
			var t = b;
			arrow_down.style.visibility='hidden';
			arrow_up.style.visibility='visible';
		}
		else
		{
			var to = tip.y;
			var t = t-to+1;
			arrow_up.style.visibility='hidden';
			arrow_down.style.visibility='visible';
		}
		
		div.style.left=l+'px';
		div.style.top=t+'px';

		reveal.start({
			'opacity': [0,1]
		});
	}
		
	bases.each(function(base,index) {
		base.addEvents({
			'mouseenter':  function(e) {
				$clear(tt_locate_to);

				var relTarg = e.relatedTarget || e.fromElement;
				while (relTarg && relTarg != base && relTarg != div && relTarg.nodeName != 'BODY')
				relTarg = relTarg.parentNode
				if (relTarg == base || relTarg == div) return;

				tt_locate_to = tt_locate.delay(500,tips[index],base);	
			},

			'mouseleave': function(e) {
				$clear(tt_locate_to);
				
				var relTarg = e.relatedTarget || e.toElement;
				while (relTarg && relTarg != base && relTarg != div && relTarg.nodeName != 'BODY')
				relTarg = relTarg.parentNode
				if (relTarg == base || relTarg == div) return;

				reveal.stop();
				repeal.start({
					'opacity': [1,0]
				});
			}
		});
	});

	var tt_locate_to;

	div.addEvents({
		'mouseleave': function(e) {			
			$clear(tt_locate_to);

			var relTarg = e.relatedTarget || e.toElement;
			while (relTarg && relTarg != tt_base && relTarg != div && relTarg.nodeName != 'BODY')
			relTarg = relTarg.parentNode
			if (relTarg == tt_base || relTarg == div) return;

			reveal.stop();
			repeal.start({
				'opacity': [1,0]
			});
		}
	});

	function tt_dsir(div) {
		var tbl = document.createElement('TABLE');
		tbl.setAttribute("cellpadding", "0");
		tbl.setAttribute("cellspacing", "0");
		tbl.setAttribute("border", "0");
		tbl.id='tip_table';
		div.appendChild(tbl);
		var tblbody = document.createElement('TBODY');
		tbl.appendChild(tblbody);

		var tr1 = document.createElement('TR');
		tblbody.appendChild(tr1);
		var tr2 = document.createElement('TR');
		tblbody.appendChild(tr2);
		var tr3 = document.createElement('TR');
		tblbody.appendChild(tr3);

		var td1 = document.createElement('TD');
		td1.setAttribute("align", "right");
		td1.setAttribute("valign", "bottom");
		var img1 = document.createElement('IMG');
		img1.src = lib_img_dir+'tooltip/'+tt_pngorgif+'/tile_top_left.'+tt_pngorgif;
		td1.appendChild(img1);
		tr1.appendChild(td1);

		var td2 = document.createElement('TD');
		td2.style.background = 'url('+lib_img_dir+'tooltip/'+tt_pngorgif+'/tile_top.'+tt_pngorgif+') repeat-x bottom left';
		var img2 = document.createElement('IMG');
		img2.src = lib_img_dir+'tooltip/s.gif';
		td2.appendChild(img2);
		tr1.appendChild(td2);

		var td3 = document.createElement('TD');
		td3.setAttribute("align", "left");
		td3.setAttribute("valign", "bottom");
		var img3 = document.createElement('IMG');
		img3.src = lib_img_dir+'tooltip/'+tt_pngorgif+'/tile_top_right.'+tt_pngorgif;
		td3.appendChild(img3);
		tr1.appendChild(td3);

		var td4 = document.createElement('TD');
		td4.style.background = 'url('+lib_img_dir+'tooltip/'+tt_pngorgif+'/tile_left.'+tt_pngorgif+') repeat-y top right';
		var img4 = document.createElement('IMG');
		img4.src = lib_img_dir+'tooltip/s.gif';
		td4.appendChild(img4);
		tr2.appendChild(td4);

		var td5 = document.createElement('TD');
		td5.id='tip_content';	
		tr2.appendChild(td5);

		var td6 = document.createElement('TD');
		td6.style.background = 'url('+lib_img_dir+'tooltip/'+tt_pngorgif+'/tile_right.'+tt_pngorgif+') repeat-y top left';
		var img6 = document.createElement('IMG');
		img6.src = lib_img_dir+'tooltip/s.gif';
		td6.appendChild(img6);
		tr2.appendChild(td6);

		var td7 = document.createElement('TD');
		td7.setAttribute("align", "right");
		td7.setAttribute("valign", "top");
		var img7 = document.createElement('IMG');
		img7.src = lib_img_dir+'tooltip/'+tt_pngorgif+'/tile_bottom_left.'+tt_pngorgif;
		td7.appendChild(img7);
		tr3.appendChild(td7);

		var td8 = document.createElement('TD');
		td8.style.background = 'url('+lib_img_dir+'tooltip/'+tt_pngorgif+'/tile_bottom.'+tt_pngorgif+') repeat-x top left';
		var img8 = document.createElement('IMG');
		img8.src = lib_img_dir+'tooltip/s.gif';
		td8.appendChild(img8);
		tr3.appendChild(td8);

		var td9 = document.createElement('TD');
		td9.setAttribute("align", "left");
		td9.setAttribute("valign", "top");
		var img9 = document.createElement('IMG');
		img9.src = lib_img_dir+'tooltip/'+tt_pngorgif+'/tile_bottom_right.'+tt_pngorgif;
		td9.appendChild(img9);
		tr3.appendChild(td9);

		var arrow_down = document.createElement('DIV');
		arrow_down.style.background = 'url('+lib_img_dir+'tooltip/'+tt_pngorgif+'/carat_bottom.'+tt_pngorgif+') no-repeat';
		div.appendChild(arrow_down);
		if (tt_pngorgif=='png')
		{
			arrow_down.style.width='29px';
			arrow_down.style.height='20px';
			arrow_down.style.bottom='0px';
			tbl.style.margin='10px 0';
		}
		else
		{
			arrow_down.style.width='22px';
			arrow_down.style.height='13px';
			arrow_down.style.bottom='0px';
			tbl.style.margin='10px 0';
		}
		arrow_down.id = 'tt_arrow_down';

		var arrow_up = document.createElement('DIV');
		arrow_up.style.background = 'url('+lib_img_dir+'tooltip/'+tt_pngorgif+'/carat_top.'+tt_pngorgif+') no-repeat';
		div.appendChild(arrow_up);
		if (tt_pngorgif=='png')
		{
			arrow_up.style.width='29px';
			arrow_up.style.height='20px';
			arrow_up.style.top='0px';
		}
		else
		{
			arrow_up.style.width='22px';
			arrow_up.style.height='13px';
			arrow_up.style.top='0px';
		}
		arrow_up.id = 'tt_arrow_up';
	}
}