function FieldUpdate(field, value) {
    if (field != null) {
        if (
                    field.value.length == 0 ||
                    field.value == "enter email address" ||
                    field.value == "enter password"
                ) {
            field.value = value;
        }
    }
}

function ReplaceField(obj) {
    var newO = document.createElement('input');

    if (obj.type == "password") {
        if (obj.value.length == 0) {
            newO.setAttribute('type', 'text');
            newO.setAttribute('name', obj.getAttribute('name'));
            newO.setAttribute('id', obj.getAttribute('id'));
            obj.parentNode.replaceChild(newO, obj);
            FieldUpdate(newO, "enter password");
            newO.onfocus = ReplaceField2;
        }
    }
    else {
        newO.setAttribute('type', 'password');
        newO.setAttribute('name', obj.getAttribute('name'));
        newO.setAttribute('id', obj.getAttribute('id'));
        obj.parentNode.replaceChild(newO, obj);
        setTimeout("document.getElementById('" + newO.getAttribute('id') + "').focus();", 10);
        newO.onblur = ReplaceField2;
    }
}
function ReplaceField2() {
    ReplaceField(document.getElementById("ctl00_txtPassword"));
}

function switchLoading() {
    var loadingObj = document.getElementById("progressInfo");
    
    if (loadingObj != null) {
        if (loadingObj.style.display == "block") {
            loadingObj.style.display = "none";
        }
        else {
            loadingObj.style.display = "block";
        }
    }
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame 
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens 
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers 
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function fadeInOut(objectId, fadeShown, fadeFrequency, fadeIn) {
    if (fadeIn) {
        opacity(objectId, 0, 100, 1000);
        fadeIn = false;
    }
    else {
        opacity(objectId, 100, 0, 1000);
        fadeIn = true;
    }

    fadeShown++;
    if (fadeShown <= fadeFrequency) {
        setTimeout("fadeInOut('" + objectId + "', " + fadeShown + ", " + fadeFrequency + ", " + fadeIn + ")", 12000);
    }
}
function flash(objectId, fadeShown, fadeFrequency, fadeIn, timeout) {
    if (fadeIn) {
        opacity(objectId, 0, 100, 1000);
        fadeIn = false;
    }
    else {
        opacity(objectId, 100, 0, 1000);
        fadeIn = true;
    }

    fadeShown++;
    if (fadeShown <= fadeFrequency) {
        setTimeout("flash('" + objectId + "', " + fadeShown + ", " + fadeFrequency + ", " + fadeIn + ", "+ timeout +")", timeout);
    }
}

var speed=10
function rollon() {
    //'myDiv' is the name of my panel .

    //panel  properties are as follows

    //<asp:Panel ID="myDiv" runat="server" style="overflow:hidden;" width="100%" Height="100%" ScrollBars=None >

    // </asp:Panel>

    var loc = document.getElementById('ctl00_ContentPlaceHolder1_pnlTemplates');
    var div = document.getElementById('ctl00_ContentPlaceHolder1_pnlTemplates');
    h = div.scrollWidth;
    if (speed > (h - 794)) {
        speed = 1;
    }
    div.scrollLeft += speed;
    // increment the speed by higher number to increase the scrolling

    speed = speed + 1;
    // set timeout will help you to continuosly scroll the function and give continuos scrolling.

    setTimeout("rollon()", 100); // 50 is the timer value. 1000 is one second
}