/*--------------------------------------------------------------------------------------
	JS Document (JavaScript/JScript)

	project:	RAJA new home
	created:	2008-02-20 (yyy-mm-dd)
	version:	1.0
	author:		Yves Van Goethem
	email:		yvangoethem@digitas.com
	website:	http://www.digitas.fr

	Summary :	GENERIC
				TEMPLATE
				CONTENT
-------------------------------------------------------------------------------------- */

var msIE/*@cc_on=true@*/;
var JsList = function() {
	//private
	var listItems;
	var listId;
	var initLists = function() {
		if (!document.getElementById(arguments[0]))
			return false;
		listParent = document.getElementById(arguments[0]);
		listId =listParent.getElementsByTagName('ul')[0];
		listItems = listId.getElementsByTagName('li');
		setItemsIds();
		setItemsEvents();
	};
	var displayProductArea = function(listItem) {
		for (var i = 0; i < listItems.length; i++) {
			listItems[i].getElementsByTagName('div')[2].style.visibility = 'hidden';
			listItems[i].getElementsByTagName('div')[2].style.left = '-9999em';
		}
		listItem.getElementsByTagName('div')[2].style.visibility = 'visible';
		listItem.getElementsByTagName('div')[2].style.left = '-214px';
		listItem.getElementsByTagName('div')[2].style.marginTop = '-' + listItem.offsetTop + 'px';
		
		if (msIE6) {
			try {
				PNGHack.hack(listItem.getElementsByTagName('div')[2].getElementsByTagName('img')[1]);
			} catch(e) { }
		}
	};
	var setItemsIds = function() {
		for (var i = 0; i < listItems.length; i++) {
			listItems[i].id = 'script-product-'+listParent.id+'-'+i;
		}
	};
	var setItemsEvents = function() {
		for (var i = 0; i < listItems.length; i++) {
			listItems[i].onmouseover = function() {
				resetItemsStyles();
				setOverItemStyle(this);
				displayProductArea(this);
			};
		}
		setOverItemStyle(listItems[0]);
		displayProductArea(listItems[0]);
	};
	var resetItemsStyles = function() {
		for (var i = 0; i < listItems.length; i++) {
			listItems[i].className = '';
		}
	};
	var setOverItemStyle = function(listItem) {
		listItem.className = 'script-product-on';
		listId.className = listItem.id;
	};
	// public
	return {
		init : function(parent) {
			initLists(parent);
		}
	};
};