/*
	File Name:		flashTooltip.js
	Description:	Balloon tooltips of flash examples for 
					Traffic Online site's "Animation & Interactive" section 
					http://www.seisoms.com/ebusiness/animation/index.aspx
				
	Version:		1
	Author:			Dmitry Korsunov
	E-mail:			dmitry.korsunov@gmail.com
	
	No Rights Reserved.
	But some credit would be appreciated.
*/


var flashExamples = new Array();

flashExamples[0] = new Array("filename","width","height","margin-top");
flashExamples[1] = new Array("ban1.swf","980","186","-47");
flashExamples[2] = new Array("big_media_ban.swf","700","310","-47");
flashExamples[3] = new Array("raqmiyat-home.swf","980","350","-47");
flashExamples[4] = new Array("costperlead.swf","980","186","-47");
flashExamples[5] = new Array("plugins-233.swf","233","160","-47");
flashExamples[6] = new Array("map.swf","224","192","-47");
flashExamples[7] = new Array("ban2.swf","980","186","-47");
flashExamples[8] = new Array("oasis-650.swf","650","115","-47");
flashExamples[9] = new Array("seismo-movie.swf","700","310","-47");
flashExamples[10] = new Array("scales-banner.swf","669","199","-47");
flashExamples[11] = new Array("mashreq-233.swf","233","160","-41");
flashExamples[12] = new Array("ban3.swf","980","186","-41");
flashExamples[13] = new Array("rsa-650.swf","650","115","-41");
flashExamples[14] = new Array("mk-prop-lease.swf","980","186","-41");
flashExamples[15] = new Array("cavendish-maxwell.swf","233","160","-41");
flashExamples[16] = new Array("dac.swf","650","116","-47");

flashExamples[17] = new Array("brazil.swf","189","179","-47");
flashExamples[18] = new Array("epic-ban1.swf","760","220","-47");
flashExamples[19] = new Array("epic-ban2.swf","760","220","-47");
flashExamples[20] = new Array("mobanner.swf","670","199","-47");
flashExamples[21] = new Array("raq.swf","481","95","-47");

flashExamples[22] = new Array("mkvideos.swf","980","186","0");
flashExamples[23] = new Array("mkcityscpe.swf","980","186","0");

flashExamples[24] = new Array("bhomes-ban1.swf","669","199","0");
flashExamples[25] = new Array("bhomes-ban2.swf","669","199","0");
flashExamples[26] = new Array("bhomes-ban3.swf","669","199","0");
flashExamples[27] = new Array("bhomes-ban5.swf","669","199","0");

flashExamples[28] = new Array("masterkey-ban9.swf","980","186","0");
flashExamples[29] = new Array("masterkey-ban10.swf","980","186","0");
flashExamples[30] = new Array("bhomes-ban7.swf","670","199","0");

flashExamples[31] = new Array("landlords.swf","490","247","0");
flashExamples[32] = new Array("ban7.swf","670","199","0");

flashExamples[33] = new Array("bella_furnishing2.swf","650","115","0");

flashExamples[34] = new Array("specialists1.3.swf","968","290","0");
flashExamples[35] = new Array("Investment-Boutique.1.2.swf","970","307","0");

flashExamples[36] = new Array("ZEN_670x100_1.swf","670","100","0");

flashExamples[37] = new Array("liveroute_home.swf","940","323","0");

flashExamples[38] = new Array("map.1.2.swf","664","640","0");
flashExamples[39] = new Array("banner1_en.swf","630","301","0");

flashExamples[40] = new Array("land_sterling_224x160_2.swf","224","160","0");
flashExamples[41] = new Array("asdf_995x133.swf","995","133","0");

flashExamples[42] = new Array("psi_bottom.1.0.swf","820","90","0");
flashExamples[43] = new Array("psi_side.1.0.swf","262","262","0");

flashExamples[44] = new Array("eco.swf","485","158","0");

flashExamples[45] = new Array("EN-630x301.swf","630","301","0");
flashExamples[46] = new Array("gdi.1.1.swf","747","203","0");

var bnrDiv_t = '';
var bnrDiv_b = '<img src="/images/tlpArw.gif" width="31" height="18" alt="" class="tlpArw" /></div></div>';
var ftFlag = false;
var margT, ftTimer;

Event.observe(window, 'load', function() {
	$('flashTooltips').removeClassName('loading');
	ftFlag = true;
});

function ftToggle(id, flag) {
	
	if (flag) {
	
		Element.replace('bnr'+id+'swf', '<object id="bnr'+id+'swf" type="application/x-shockwave-flash" data="/swf/'+flashExamples[id][0]+'" width="'+flashExamples[id][1]+'" height="'+flashExamples[id][2]+'"><param name="movie" value="/swf/'+flashExamples[id][0]+'" /><param name="quality" value="high"/></object>');
		
	} else {
		Element.replace('bnr'+id+'swf', '<span id="bnr'+id+'swf"></span>');
		clearTimeout(ftTimer);
	}
}

function flashTooltip(ft) {

	if (!ftFlag) { return }
	
	curID = 'bnr'+ft;
			
	if ( !Object.isElement($(curID)) ) {
		
		bnrDiv_t = '<div class="tlpHolder" id="bnr'+ft+'" style="display: none; width: '+flashExamples[ft][1]+'px; height: '+flashExamples[ft][2]+'px; margin-top: '+flashExamples[ft][3]+'px;"><div style="height: '+flashExamples[ft][2]+'px;"><span id="bnr'+ft+'swf"></span>';
		
		$('flashTooltips').insert(''+bnrDiv_t+''+bnrDiv_b+'');
		
	}
	
	margT = parseInt( $(curID).getStyle('marginTop') );

	$(curID).setStyle({ marginTop: (margT+15)+'px' });

	$(curID).appear({ duration: 0.3 });
	
	new Effect.Morph(curID, {
		style: 'margin-top: '+margT+'px', 
		duration: 0.3 
	});
	
	ftTimer = setTimeout("ftToggle("+ft+", true);", 500);
	
}
	
function killTooltip(ft) {
	if (!ftFlag) { return }
	clearTimeout(ftTimer);
	tmp = 'bnr'+ft;
	ftToggle(ft, false);
	$(tmp).fade({ duration: 0.3 });
	$(tmp).setStyle({ marginTop: flashExamples[ft][3]+'px' });
}