var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e) { cX = e.pageX; cY = e.pageY; }
function UpdateCursorPositionDocAll(e) { cX = event.clientX; cY = event.clientY; }
if (document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }

function AssignPosition(d) {
    if (self.pageYOffset) {
        rX = self.pageXOffset;
        rY = self.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop) {
        rX = document.documentElement.scrollLeft;
        rY = document.documentElement.scrollTop;
    }
    else if (document.body) {
        rX = document.body.scrollLeft;
        rY = document.body.scrollTop;
    }
    if (document.all) {
        cX += rX;
        cY += rY;
    }


    //var h = document.getElementById("uniquename3").offsetHeight;
    //var w = document.getElementById("uniquename3").offsetWidth;
    var h1 = document.getElementById("uniquename3").clientHeight;
    var w1 = document.getElementById("uniquename3").clientWidth;

    //alert(" " + h + " " + w + " " + h1 + " " + w1);

    d.style.left = (cX - w1/2 + 20) + "px";
    d.style.top = (cY - h1 -10) + "px";
}
function HideContent(d) {
    document.getElementById("div2").style.position = "relative"
    document.getElementById("div2").style.visibility = "hidden";
    document.getElementById("div2").innerHTML = "";
    document.getElementById("div2").style.height = "2px";

    document.getElementById("div1").style.position = "relative";
    document.getElementById("div1").style.visibility = "visible";
    document.getElementById("div1").style.height = height1;
    return;
    
    if (d.length < 1) { return; }
    document.getElementById(d).style.display = "none";
}
function getOffset(el) {
    var _x = 0;
    var _y = 0;
    while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.offsetParent;
    }
    return { top: _y, left: _x };
}
var height1 = "298px";
var height2 = "329px";
function ShowContent(parent, d, msg) {
    document.getElementById("div1").style.position = "relative";
    document.getElementById("div1").style.visibility = "hidden";
    height1 = document.getElementById("div1").style.height;
    document.getElementById("div1").style.height = "2px";
    
    document.getElementById("div2").innerHTML = msg;
    document.getElementById("div2").style.position = "relative"
    document.getElementById("div2").style.visibility = "visible";
    document.getElementById("div2").style.width = "225px";
    document.getElementById("div2").style.height = height2;
    return;
    //No need to show the pop up message    
    if (d.length < 1) { return; }
    var dd = document.getElementById(d);
    
    var item = document.getElementById("uniquename4");
    item.innerHTML = msg;
    // show first to get actual size

    dd.style.left = "-1000px";
    dd.style.top = " -1000px";
    dd.style.display = "block";
    
    // show in need position
    AssignPosition(dd);
//    dd.style.left = parseInt(parent.style.left) + 300 + "px";
//    dd.style.top = parseInt(parent.style.top) + 100 + "px";
    dd.style.display = "block";
}

function ReverseContentDisplay(d) {
    if (d.length < 1) { return; }
    var dd = document.getElementById(d);
    AssignPosition(dd);
    if (dd.style.display == "none") { dd.style.display = "block"; }
    else { dd.style.display = "none"; }
}

function WaitNews() { mrqNews.scrollAmount = 0; }
function GoNews() { mrqNews.scrollAmount = 2; }
function GoToStart() {
    location.href = "#start";
    //            if (document.getElementById("start") != null) {
    //                document.getElementById("start").focus();
    //                document.getElementById("start").style.display = "none";
    //            }
}




var ppage = 312;
var ppage1 = 321;

function dMovePrev(contID, itemID, pg) {
    var cont = document.getElementById(contID);
    var item = document.getElementById(itemID);
    var pgH = ppage;
    if (cont != null && item != null) {

        if (pg == 1) {
            pgH = ppage1; 
        }
        var wItem = pgH / 4;
        var wPage = pgH;
        if (item.style.top == '')
            item.style.top = '0px'

        var lNow = parseInt(item.style.top);
        var lNew = lNow + wPage;
        if (lNew <= 0) {
            item.style.top = lNew + 'px';
        }
    }
}

function dMoveNext(contID, itemID, pg) {
    var cont = document.getElementById(contID);
    var item = document.getElementById(itemID);
    var pgH = ppage;
    if (cont != null && item != null) {

        if (pg == 1) {
            pgH = ppage1;
        }
        var wItem = pgH / 4;
        var wPage = pgH;
        if (item.style.top == '')
            item.style.top = '0px'

        var lNow = parseInt(item.style.top);
        var lNew = lNow - wPage;
        var lMax = lNew + (wItem / 2);
        if ((lMax * (-1)) < item.scrollHeight) {
            item.style.top = lNew + 'px';
        }
    }
}


/****************************  FADE IN FADE OUT ****************************/
var TimeToFade = 3000.0;
var isFreeze = false;

function fade(eid) {
    var element = document.getElementById(eid);
    if (element == null)
        return;

    if (element.FadeState == null) {
        if (element.style.opacity == null
                || element.style.opacity == ''
                || element.style.opacity == '1') {
            element.FadeState = 2;
        }
        else {
            element.FadeState = -2;
        }
    }

    if (element.FadeState == 1 || element.FadeState == -1) {
        element.FadeState = element.FadeState == 1 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
    }
    else {
        element.FadeState = element.FadeState == 2 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade;
        setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
    }
}

function animateFade(lastTick, eid) {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;

    var element = document.getElementById(eid);

    if (element.FadeTimeLeft <= elapsedTicks) {
        element.style.opacity = element.FadeState == 1 ? '1' : '0';
        element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
        //element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '30') + ')';
        element.FadeState = element.FadeState == 1 ? 2 : -2;
        if (element.FadeState == -2) {
            var pic = document.getElementById(eid);
            if (currentPicture < images.length) {
                pic.src = images[currentPicture];
                currentPicture++;
            }
            else {
                pic.src = images[0];
                currentPicture = 1;
            }
        }
        else {
            isFreeze = true;
            freeze();
            return;
        }
        fade(image);
        return;
    }

    element.FadeTimeLeft -= elapsedTicks;
    var newOpVal = element.FadeTimeLeft / TimeToFade;
    if (element.FadeState == 1) {
        newOpVal = 1 - newOpVal;
    }
    //if (newOpVal < 0.3) newOpVal = 0.3;
    element.style.opacity = newOpVal;
    element.style.filter = 'alpha(opacity = ' + (newOpVal * 100) + ')';

    setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}
//the variable mask sais about picture for fading.
var title;
var currentPicture = 1;
var image = "pic";
var images = ['PageImages/pic1.jpg', 'PageImages/pic2.jpg','PageImages/pic3.jpg','PageImages/pic4.jpg','PageImages/pic5.jpg'];
function freeze() {
    if (isFreeze == true) {
        setTimeout("freeze()", 3000);
        isFreeze = false;
    }
    else {
        fade(image);
    }
}

//-----   FADE IN FADE OUT WITH TITLE AND DINAMIC CONTROLS  ------
function freeze_din(imgControl, titleControl, images, titles, currentPicture, isFreeze) {
    if (isFreeze == true) {
        setTimeout(function() { freeze_din(imgControl, titleControl, images, titles, currentPicture, false) }, 3000);
    }
    else {
        fade_din(imgControl, titleControl, images, titles, currentPicture, isFreeze);
    }
}

function animateFade_din(lastTick, eid, titleControl, images, titles, currentPicture, isFreeze) {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;

    var element = document.getElementById(eid);

    if (element.FadeTimeLeft <= elapsedTicks) {
        element.style.opacity = element.FadeState == 1 ? '1' : '0';
        element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
        element.FadeState = element.FadeState == 1 ? 2 : -2;
        if (element.FadeState == -2) {
            var pic = document.getElementById(eid);
                if (currentPicture < images.length) {
                    pic.src = images[currentPicture];
                    document.getElementById(titleControl).innerText = titles[currentPicture];
                    currentPicture++;
                }
                else {
                    pic.src = images[0];
                    document.getElementById(titleControl).innerText = titles[0];
                    currentPicture = 1;
                }
        }
        else {
            freeze_din(eid, titleControl, images, titles, currentPicture, true);
            return;
        }
        fade_din(eid, titleControl, images, titles, currentPicture, isFreeze);
        return;
    }

    element.FadeTimeLeft -= elapsedTicks;
    var newOpVal = element.FadeTimeLeft / TimeToFade;
    if (element.FadeState == 1) {
        newOpVal = 1 - newOpVal;
    }
    //if (newOpVal < 0.3) newOpVal = 0.3;
    element.style.opacity = newOpVal;
    element.style.filter = 'alpha(opacity = ' + (newOpVal * 100) + ')';

    setTimeout(function() { animateFade_din(curTick, eid, titleControl, images, titles, currentPicture, isFreeze) }, 33);
}


function fade_din(eid, titleControl, images, titles, currentPicture, isFreeze) {
    var element = document.getElementById(eid);
    if (element == null)
        return;

    if (element.FadeState == null) {
        if (element.style.opacity == null
                || element.style.opacity == ''
                || element.style.opacity == '1') {
            element.FadeState = 2;
        }
        else {
            element.FadeState = -2;
        }
    }

    if (element.FadeState == 1 || element.FadeState == -1) {
        element.FadeState = element.FadeState == 1 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
    }
    else {
        element.FadeState = element.FadeState == 2 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade;
        setTimeout(function() { animateFade_din(new Date().getTime(), eid, titleControl, images, titles, currentPicture, isFreeze) }, 33);
    }
}