// function hideDiv(divID);
// function displayDiv(divID);
// function changeImg(imgID,newUrl);
// function sliding(divScrollId);

//***********************************Variables*********************************

var timerSlid = "";
var scroll = 0;

var timerSlidResults = "";
var timerSlidChampR = "";
var timerSlidChampL = "";
var timerAlphaEffect = "";
var timerAlphaEffectInternal = "";
var scrollResults = 0;
var scrollChampsR = 0;
var scrollChampsL = 0;
var currentResultChamps = 0;
var ptrFIndex =0;
var ptrSIndex =1;
var FOpacity= 0.9;
var SOpacity = 0.0;
var OpacityCounter = 0;
var OpacityMax = 100;

//***********************************Functions*********************************

// hide div 
function hideDiv(divID) {
    var div = document.getElementById(divID);

    if (div != null) {
        div.style.display = 'none';
    }
}

// Display div
function displayDiv(divID) {
    var div = document.getElementById(divID);

    if (div != null) {
        div.style.display = 'block';
    }
}

// Replace image source url
function changeImg(imgID, newUrl) {
    var img = document.getElementById(imgID);

    if (img != null) {
        img.src = newUrl;
    }
}

// Replace BackGround image 
function changeBackImg(elementID, newUrl) {
    var element = document.getElementById(elementID);

    if (element != null) {
        element.style.backgroundImage ="url('"+ newUrl+"')";
    }
}

// Replace Class Name 
function changeClassName(elementID, className) {
    var element = document.getElementById(elementID);

    if (element != null) {
        element.className = className;
    }
}

// Start Sliding Quick news
function startSliding(divScrollContainerId) {
    timerSlid = setTimeout("sliding('" + divScrollContainerId + "')", 3000);
}

// Stop Sliding Quick news
function stopSliding() {
    clearTimeout(timerSlid);
}

// sliding quick news
function sliding(divScrollId) {
    scrolldiv = document.getElementById(divScrollId);

    if (scrolldiv != null) {
        scroll = scrolldiv.scrollTop;

        if (scroll % 13 == 0 && scroll != 0) {
            timerSlid = setTimeout("sliding('" + divScrollId + "')", 3000);
            if (scrolldiv.scrollTop + 13 >= scrolldiv.scrollHeight)
                scrolldiv.scrollTop = 0;
        }
        else {
            timerSlid = setTimeout("sliding('" + divScrollId + "')", 15);
        }
        scrolldiv.scrollTop += 1;
    }
}

// Horizontal sliding Results right
function champSlidingRight(divScrollId) {
    var scrolldiv = document.getElementById(divScrollId);
    if (scrolldiv != null) {
        scrolldiv.scrollLeft += 3;
        scrollChampsR = scrolldiv.scrollLeft;

//        if (scrollChampsR % 240 != 0 && scrollChampsR != 0 && scrollChampsR + 260 < scrolldiv.scrollWidth) {
            timerSlidChampR = setTimeout("champSlidingRight('" + divScrollId + "')", 15);
//        }
//        else {
//            clearTimeout(timerSlidChampR);
//        }
    }
}

// Horizontal sliding Results Left
function champSlidingLeft(divScrollId) {
    var scrolldiv = document.getElementById(divScrollId);
    if (scrolldiv != null) {
        scrolldiv.scrollLeft -= 3;
        scrollChampsL = scrolldiv.scrollLeft;
//        if (scrollChampsL % 240 != 0 && scrollChampsL != 0) {
            timerSlidChampL = setTimeout("champSlidingLeft('" + divScrollId + "')", 15);
//        }
//        else {
//            clearTimeout(timerSlidChampL);
//        }
    }
}
function stopChampSliding() {
    clearTimeout(timerSlidChampL);
    clearTimeout(timerSlidChampR);
}

// Horizontal sliding Results right
function resultSlidingRight(divScrollId, divCompetId) {

    var scrolldiv = document.getElementById(divScrollId);
    var competDiv = document.getElementById(divCompetId);

    if (scrolldiv != null) {

        scrollResults = scrolldiv.scrollLeft;

        if (scrollResults % 330 == 0 && scrollResults != 0) {
            timerSlidResults = setTimeout("resultSlidingRight('" + divScrollId + "', '" + divCompetId + "')", 3000);
            
            competDiv.innerHTML = '<h1>' + arrCompet[currentResultChamps+1] + '</h1>';
            currentResultChamps++;

            if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {   // If FireFox
                if (scrollResults == -2970) {
                    currentResultChamps = 0;
                    scrolldiv.scrollLeft = 0;
                }
            }
            else {
                if (scrollResults == 2970) {
                    currentResultChamps = 0;
                    scrolldiv.scrollLeft = 0;
                }
            }
            
        }
        else {
            
            timerSlidResults = setTimeout("resultSlidingRight('" + divScrollId + "', '" + divCompetId + "')", 15);
        }

        if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
            if (scrollResults == -2987) {
                currentResultChamps = 0;
                scrolldiv.scrollLeft = 0;
            }
            scrolldiv.scrollLeft -= 10;
        }
        else {
            if (scrollResults == 2987) {
                currentResultChamps = 0;
                scrolldiv.scrollLeft = 0;
            }
            scrolldiv.scrollLeft += 10;
        }
    }
}

// Stop Right Sliding 
function stopRightSliding() {
    clearTimeout(timerSlidResults);
}

// Clear text box
function clearTxt(txt, txtValue) {
    if (txt != null) {
        if (txt.value.removeSpaces() == txtValue.removeSpaces()) {
            txt.value = "";
        }  
    }
}

// Validate mail
function validMail(txt) {
    if (txt != null) {
        if (!txt.value.validateMail())
            txt.value = "أدخل البريد الإلكترونى ";
    }
}

// Alpha Effect
var m = new Array(0, 100);
var t = new Array();
function next(obj1, obj2, divArrHideDisp) {

    o1 = document.getElementById(obj1);
    o2 = document.getElementById(obj2);
    o3 = document.getElementById(divArrHideDisp);
    if (o1 != null && o2 != null && o3 != null) {

        o3.style.zIndex = '95';
        o3.style.color = '#ffffff';
        o3.style.display = 'block';
        m[0] += 5;
        m[1] -= 5;

        setOpacity(o1, m[1]);
        setOpacity(o2, m[0]);

        t[0] = setTimeout('next(\'' + obj1 + '\',\'' + obj2 + '\',\'' + divArrHideDisp + '\')', 50);

        if (m[0] > 99) {
            clearTimeout(t[0]);
            m[1] = m[0];
            m[0] = 0;
        }
    }
}

function makeAlphaEffect(divArrIDs, divArrHideDispIDs) {

    var divArr = divArrIDs.split(',');
    var divArrHideDisp = divArrHideDispIDs.split(',');

    var divArrHideDispArr = new Array();


    for (var i = 0; i < divArrHideDisp.length; i++) {
        divArrHideDispArr[i] = document.getElementById(divArrHideDisp[i]);
        divArrHideDispArr[i].style.zIndex = '1';
        divArrHideDispArr[i].style.display = 'none';
        divArrHideDispArr[i].style.color = '#000000';
    }

    if (ptrSIndex == divArr.length) {
        ptrSIndex = 0;
    }
    if (ptrFIndex == divArr.length) {
        ptrFIndex = 0;
    }

    next(divArr[ptrFIndex], divArr[ptrSIndex], divArrHideDisp[ptrSIndex]);

    ptrFIndex++;
    ptrSIndex++;
}

function startAlphaEffect(divArrIDs,divArrHideIDs) {
    timerAlphaEffect = window.setInterval('makeAlphaEffect(\'' + divArrIDs + '\',\'' + divArrHideIDs + '\')', 5000);
}


// obj ==> HtmlElement
// value ==> float from 0 to 100
function setOpacity(obj, value) {
    if (obj != null&&value!=null) {
        if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
            obj.style.opacity = value/100;
        }
        else {
            obj.style.filter = 'alpha( opacity=' + value + ' )';
        }
    }
}

function stopOpacityEffect() {
    clearTimeout(timerAlphaEffect);
}