function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function showLargeImage(obj, src) {
	
	obj = document.getElementById(obj);
	var pos = findPos(obj)
	var l = pos[0];
	var t = pos[1];
	
	var imPreview = document.getElementById('zoomExpandPreview');
	imPreview.style.background = "url(" + src + ")";
	imPreview.style.top = (t + obj.offsetHeight - 202)+'px';
	imPreview.style.left = (l)+'px';
	imPreview.style.display = 'block';
	imPreview.src = src;
	
}


// simplePreload( '01.gif', '02.gif' ); 
function simplePreload()
{ 
  var args = simplePreload.arguments;
  document.imageArray = new Array(args.length);
  for(var i=0; i<args.length; i++)
  {
    document.imageArray[i] = new Image;
    document.imageArray[i].src = args[i];
  }
}

simplePreload('images/li-sec1_sel.gif','images/li-sec1_se2.gif','images/li-sec1_se3.gif','images/li-sec1_se4.gif','images/li-sec1_se5.gif','images/li-sec1_se6.gif');


function showThumb() {
	showExpandedThumb();
}



/**
 *	getElementsByClassName()
 *	Get a set of elements that match a supplied class name
 */
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}



/**
 *	AddEvent
 *	Cross Browser event support
 */
function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
		EventCache.add(obj, type, fn);
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		EventCache.add(obj, type, fn);
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}

/**
 *	EventCache
 *	Event Caching
 */
var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				item[0][item[1]] = null;
			};
		}
	};
}();
addEvent(window,'unload',EventCache.flush);

/**
 *	$()
 *	Get elements by ID
 */
function $() {
	var elements = new Array();
	for (var i = 0; i < arguments.length; i++) {
		var element = arguments[i];
		if (typeof element == 'string')
		element = document.getElementById(element);
		if (arguments.length == 1)
		return element;
		elements.push(element);
	}
	return elements;
}




/**
 *	thumbnailHover
 *	Enable hovering effects over thumbnails
 */
function thumbnailHover()
{
	var imPreview = document.getElementById('zoomExpandPreview');
	if (!imPreview) {
		var img = document.createElement('div');
		img.id = 'zoomExpandPreview';
		img.style.height = '200px';
		img.style.width = '200px';
		img.style.border = '2px solid #ccc';
		img.style.cursor = 'pointer';
		img.alt = 'Click To Close';
		img.title = 'Click To Close';
		var txt = document.createElement("p");
		txt.id = 'closeTxt';
		txt.appendChild(document.createTextNode('[ Close ]'))
		img.appendChild(txt);
		addEvent(img,'click',function(){img.style.display = 'none'});
		document.getElementsByTagName('body')[0].appendChild(img);
	}
}


function getMousePos(e)
{
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	
	return [posx,posy];
}

/**
 *	hideExpandedThumb
 *	hide the Thumbnail on mouse out
 */
function hideExpandedThumb()
{
	var imPreview = document.getElementById('zoomExpandPreview');
	imPreview.style.display = 'none';
}