// JavaScript Document

function openNav(id){
	
	var menu = document.getElementById('nav_cat');		
	var arr = menu.getElementsByTagName('ul');	
	for(a=0; a<arr.length; a++){
		arr[a].style.display = 'none';
	}
	
	if(id!=''){
		var ul = document.getElementById(id);
		ul.style.display = 'block';
	}
}

function showBig(el){
	
	var div = document.createElement('div');		
	div.id = 'cache';
	div.onclick	= function(){ hideBig(); }
	
	div.innerHTML		= '&nbsp;';		
	//document.body.appendChild(div);
	
	var img  = document.createElement('IMG');
	
	var src_tmp = el.src;
	var src_arr = src_tmp.split('/');	
	img.setAttribute('src','products/300/'+src_arr[src_arr.length-1]);
	img.onclick	= function(){ hideBig(); }
	img.id = 'big';
	
	var top = getElementTop(el)+50;
	var left = getElementLeft(el)+110;
	
	img.style.position = 'absolute';
	img.style.top = top+'px';
	img.style.left = left+'px';
	img.style.border = '1px solid #ccc';
	
	document.body.appendChild(img);
}

function hideBig(){
	img = document.getElementById('big');	
	//div = document.getElementById('cache');	
	document.body.removeChild(img);
	//document.body.removeChild(div);
}

// pour positionner en top/left l'ul
function getElementLeft(elem) {	
	xPos = elem.offsetLeft;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
		tempEl = tempEl.offsetParent;
	}
	return xPos;
}
function getElementTop(elem) {
	yPos = elem.offsetTop;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		yPos += tempEl.offsetTop;
		tempEl = tempEl.offsetParent;
	}
	return yPos;
}