var currImgScroll = 0;

function newsImgScroll(dir,c) {
    incr = (dir==-1 ? -124 : 124);
    if (currImgScroll+incr>=0 && currImgScroll+incr<=(c-4)*124) currImgScroll+=incr;
    clipLeft = currImgScroll;
    document.getElementById('newsImgList').style.left = -1*clipLeft+'px';
}


var currID = -1;

function newsListPopupShow(e) {

    if (currID!=-1) document.getElementById('newsPopup'+currID).style.visibility='hidden';
    if (!e) var e = window.event;
    var tg = (window.event) ? e.srcElement : e.target;
    currID = tg.getAttribute("name");

    var pagePosX=findPosX(document.getElementById('root'));
    var pagePosY=findPosY(document.getElementById('root'));
    var posX=findPosX(tg)-pagePosX;
    var posY=findPosY(tg)-pagePosY+13;
    document.getElementById('newsPopup'+currID).style.top=posY+'px';
    document.getElementById('newsPopup'+currID).style.left=posX+'px';
    document.getElementById('newsPopup'+currID).style.visibility='visible';
    
    document.getElementById('newsPopup'+currID).onmouseover = newsListPopupHide;
    document.getElementById('newsPopup'+currID).onmouseout = newsListPopupHide;
}

function newsListPopupHide(e) {
    if (!e) var e = window.event;
    var tg = (window.event ? e.srcElement : e.target);
    var reltg = (e.relatedTarget ? e.relatedTarget : e.toElement);
    if (!reltg) return;
    // Check whether we left for a child of the element (i.e. an element inside our element)
	var i=0;
	while (reltg != document.getElementById('newsPopup'+currID) && reltg.nodeName != 'BODY') {
        if (i>20) break; // break if we went more than 20 levels up in the DOM-tree
        reltg = reltg.parentNode;
        i++;
	}
    //if (reltg == document.getElementById('newsPopup'+currID)) return;

	document.getElementById('newsPopup'+currID).style.visibility='hidden';
}