/**
  *ecard toggle pop up
  *div = the target element
  *_cont = id to giv epop up, default = js_content
  */
function ecard_event(div,_cont)
{
	
	if(!document.getElementById(div) || document.getElementById(div).getElementsByTagName('img').length == 0){return(false);};
	var _cont_class = _cont ? _cont : 'js_content';
	var _div=document.getElementById(div);
	ims=_div.getElementsByTagName('img');
	var i=0;
	var l=ims.length;
	for(i=0; i<l; i++)
	{
		var _a=ims[i].parentNode;
		ims[i].setAttribute('accept',_a.getAttribute('href'));
		ims[i].onmouseover = toogle_up;
		ims[i].onmouseout = toogle_down;
		_a.setAttribute('target','_blank');
	};
	function toogle_up(e)
	{
		e = ( e ) ? e : event;
		var el = e.target || e.srcElement;
		if(document.getElementById(_cont_class))
		{
			document.getElementById(_cont_class).parentNode.removeChild(document.getElementById(_cont_class));
		}
		var dis = alib.make_thing('div',_cont_class,'',_cont_class,'<img src="' + el.getAttribute('accept') + '" id="popimg" width="450">');
		alib.add_style(dis,'','','absolute','-999','-999','','');
		document.getElementsByTagName('body')[0].appendChild(dis);
		var what = alib.findPos(el);
		var when = alib.findPos(document.getElementById('content_col'));
		var comp = document.getElementById('content_col').offsetHeight + when[1];
		//alib.create_drop('popimg','','',2,2,15);
		dis= document.getElementById(_cont_class);
		what[1] -=(dis.offsetHeight / 4);
		var ll = dis.offsetHeight  +  what[1];
		//alert(comp + ' ' + ll);
		if(ll > comp)
		{
			what[1] = what[1] - (ll - comp);
		}
		alib.add_style(dis,'','','absolute',what[1],what[0] + el.offsetWidth + 10,'','');
		
		
	};
	function toogle_down(e)
	{
		if(document.getElementById(_cont_class))
		{
			document.getElementById(_cont_class).parentNode.removeChild(document.getElementById(_cont_class));
		}
	};
}
ecard_event('e-cards');