/***
 * Get elements by classname, node, and tag
 ***/
document.getElementsByClassName = function(cls,n,t)
{
	var rtn = [];
	n=n===null?document:n;
	t=t===null?'*':t;
	var els = n.getElementsByTagName ? n.getElementsByTagName(t) : document.all;
	els = (!els||!els.length ) &&document.all ? document.all : els;	
	if(cls===null)
	{
		return els;
	}
	for (var i=0,j=0; i < els.length; i++)
	{
		if(els[i].className.match("(^|\\s)"+cls+"(\\s|$)"))
		{
			rtn[j++] = els[i];
		}
	}
	return rtn;
};

/* extends a js object */
function hsbcJsExtendObject(d, s)
{
	for (p in s)
	{
		d[p] = s[p];
	}
	return d;
}

/* attaches an event to an object */
function hsbcJsAttachEvent(obj,evt,fnc)
{
	if(window.addEventListener)
	{
		obj.addEventListener(evt, fnc, false);
	}
	else if(window.attachEvent)
	{
		obj.attachEvent('on'+evt, fnc);
	}
	else if (obj.getElementById && evt=='load')
	{
		obj.onload = fnc;
	}
}

if (document.getElementsByClassName("jstHsbcWidgetSlideshow01", null, "div").length>0)
{
	showNextImage(0);
}
function showNextImage(id)
{
	hideAllImage();
	var imageDiv = document.getElementsByClassName("jstHsbcWidgetSlideshow01", null, "div")[0];
	var arrImages = document.getElementsByClassName(null,imageDiv,"img");
	arrImages[id].style.display="block";
	var nextId = id<arrImages.length-1?id+1:0;
	setTimeout("showNextImage("+nextId+")", 3000);
}
function hideAllImage()
{
	var imageDiv = document.getElementsByClassName("jstHsbcWidgetSlideshow01", null, "div")[0];
	var arrImages = document.getElementsByClassName(null,imageDiv,"img");
	for(var i=0; i<arrImages.length; i++)
	{
		arrImages[i].style.display="none";
	}
}

var resizingImage = "";
var mouseoverResizing = true;
if (document.getElementsByClassName("jstHsbcWidgetHover01", null, "ul").length>0)
{
	var imageWidth = 136;
	var imageHeight = 249;
	var maxWidth = 158;
	var maxHeight = 289;
	var imagePaddingTop = 20;
	var imageGroup = document.getElementsByClassName("jstHsbcWidgetHover01", null, "ul")[0];
	var arrLinks = document.getElementsByClassName(null,imageGroup,"img");
	for(var i=0; i<arrLinks.length; i++)
	{
		arrLinks[i].id = "imageWidget"+i;
		arrLinks[i].onmouseover = function(){
			mouseoverResizing = true;
			resizingImage = this.id;
			mouseoverResize(this.id);
		}
		arrLinks[i].onmouseout = function(){
			mouseoverResizing = false;
			resizingImage = this.id;
			mouseoutResize(this.id);
		}
		arrLinks[i].style.width = imageWidth+"px";
		arrLinks[i].style.height = imageHeight+"px";
		arrLinks[i].style.paddingTop = imagePaddingTop+"px";
	}
}
function mouseoverResize(objId)
{
	var maxWidth = 158;
	var maxHeight = 289;
	var obj = document.getElementById(objId)
	var imageGroup = document.getElementsByClassName("jstHsbcWidgetHover01", null, "ul")[0];
	var arrLinks = document.getElementsByClassName(null,imageGroup,"img");
	if (resizingImage == objId && mouseoverResizing)
	{
		if (parseInt(obj.style.height)<maxHeight)
		{
			obj.style.width = parseInt(obj.style.width)+1+"px";
			obj.style.height = parseInt(obj.style.height)+2+"px";
			obj.style.paddingTop = parseInt(obj.style.paddingTop)-1+"px";
			setTimeout("mouseoverResize('"+objId+"')", 1);
		}
		else
		{
			if (obj.src.indexOf("-hover")<0)
				obj.src = obj.src.replace(".jpg", "-hover.jpg");
		}
	}
	else
	{
		mouseoutResize(objId);
	}
}
function mouseoutResize(objId)
{
	var imageWidth = 136;
	var imageHeight = 249;
	var obj = document.getElementById(objId)
	if (parseInt(obj.style.height)>imageHeight)
	{
		obj.style.width = parseInt(obj.style.width)-1+"px";
		obj.style.height = parseInt(obj.style.height)-2+"px";
		obj.style.paddingTop = parseInt(obj.style.paddingTop)+1+"px";
		setTimeout("mouseoutResize('"+objId+"')", 1);
	}
	else
	{
		if (obj.src.indexOf("-hover")>0)
			obj.src = obj.src.replace("-hover.jpg", ".jpg");
	}
}
function mouseoverRestore(objId)
{
	var imageWidth = 136;
	var imageHeight = 249;
	var imageGroup = document.getElementsByClassName("jstHsbcWidgetHover01", null, "ul")[0];
	var arrLinks = document.getElementsByClassName(null,imageGroup,"img");
	for(var i=0; i<arrLinks.length; i++)
	{
		if (arrLinks[i].id!=objId)
		{
			arrLinks[i].style.width = imageWidth+"px";
			arrLinks[i].style.height = imageHeight+"px";
		}
	}
}
function mouseoutRestore(objId)
{
	var imageWidth = 136;
	var imageHeight = 249;
	var imageGroup = document.getElementsByClassName("jstHsbcWidgetHover01", null, "ul")[0];
	var arrLinks = document.getElementsByClassName(null,imageGroup,"img");
	for(var i=0; i<arrLinks.length; i++)
	{
		if (arrLinks[i].id!=objId)
		{
			arrLinks[i].style.width = imageWidth+"px";
			arrLinks[i].style.height = imageHeight+"px";
		}
	}
}