var image;
var imageId;
var map;
var images = new Array('pwbank', 'visacard', 'discoveryair', 'versabanq');
var titles =  new Array('Pacific & Western Bank', 'Visa Card', 'Discovery Air', 'Versabanq');
var videos = new Array('/common/flash/01_Intro_and_Overview.flv', '/common/flash/02_Visa_Card.flv', '/common/flash/03_Discovery_Air.flv', '/common/flash/04_Versabanq.flv');
var curImage = 0;
var clicked = false;
var content;
var contentId;
var first = true;
var fadingOut = false;
var fo = new FlashObject( "/common/flash/pwbvideo.swf", "pwbvideo", 500, 278, "8,0,0,0", "#ffffff" );

function initImage(option)
{
	imageId = "tab";
	contentId = "flashcontent";
	image = document.getElementById(imageId);
	content = document.getElementById(contentId);
	map = document.getElementById("img_map");
	
	changeImage(option, true);
}

function changeImage(option, clicked_image)
{
	clicked = clicked_image;

	if( option == "pwbank" )
		curImage = 0;
	else if( option == "visacard" )
		curImage = 1;
	else if ( option == "discoveryair" )
		curImage = 2;
	else if ( option == "versabanq" )
		curImage = 3;

	image.src = "/common/images/videos/tab-ir-" + option + ".jpg";
	image.alt = titles[curImage];
	image.title = titles[curImage];
	if( clicked )
	{
/*		fadingOut = false; 
		setOpacity(content, 0 ); */
		changeContent(option);
	}
	else
	{
/*		fadeOut(contentId, 100);	*/
		changeContent(option);
	}
}

function changeContent(option) 
{
	if( fadingOut )
		setTimeout("changeContent('" + option + "');", 10);
	else
	{
		fo.addVariable('videoURL', videos[curImage]);
		fo.write( contentId );
/*		fadeIn(contentId, 0); */
	}
}
/*
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) 
{
	if (document.getElementById) 
	{
		obj = document.getElementById(objId);
		if (opacity <= 100) 
		{
			setOpacity(obj, opacity);
			opacity += 2;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 10);
		}
	}
}

function fadeOut(objId,opacity) 
{
	
	if (document.getElementById) 
	{
		obj = document.getElementById(objId);
		if (opacity >= 0) 
		{
			if( clicked )
			{
				opacity = 0;
				fadingOut = false;
			}
			fadingOut = true;
			setOpacity(obj, opacity);
			opacity = opacity - 2;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 10);
		}
		else
			fadingOut = false;
	}
}
*/