var lastMouseX;
var lastMouseY;
var curPopupWindow = null;
var curPopunderWindow = null;
var index = 0;
var img = null;
var interval = null;
var imageHeader = null;
var imageHeaderData = new Array();
var rowColorSave = "";

function manualSubmit(action) {
    var f = document.forms[0];
    f.action = action
    f.submit();
}

// cross browser compatible
function changeCursor(cursor, evt) {
    evt = (evt) ? evt : event;
    var el = (evt.target) ? evt.target : event.srcElement;

    switch (cursor) {
        case "hand":
            el.style.cursor = "pointer"; // for modzilla, don't change order
            el.style.cursor = "hand"; // for ie
            break
        default:
            el.style.cursor = "";
    }
}

function startImageHeader() {
    interval = window.setInterval("swapImageHeader()", 4600);
}

function swapImageHeader() {
    if (index == imageHeaderData.length - 1)
        index = 0;
    else
        index += 1;

    imageHeader.src = imageHeaderData[index].src;
    imageHeader.alt = imageHeaderData[index].title;
    imageHeader.title = imageHeaderData[index].title;

    if (document.all) {
        imageHeader.style.filter = "progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)";
        imageHeader.filters[0].Apply();
        imageHeader.filters[0].Play();
    }
}

function showAddCommentBox(blogID) {
    // set id in hidden field
    var id = document.getElementById("blogID");
    id.value = blogID;
    
    var title = document.getElementById("commentsTitle_" + blogID);
    var box = document.getElementById("addCommentBox");
    box.style.top = title.offsetTop + 25 + "px";
    box.style.left = title.offsetLeft + 145 + "px";
    box.style.display = "block";
}

function closeAddCommentBox() {
    var box = document.getElementById("addCommentBox");
    box.style.display = "none";
}

function fieldClick(el) {
    if (el.title == el.value) el.value = "";
}

function fieldBlur(el) {
    if (el.value == "") el.value = el.title;
}


function rowOver(row) {
    if (row.className == "rowSelected") return;
    rowColorSave = row.className;
    row.className = "rowOver";
}

function rowOut(row) {
    if (row.className == "rowSelected") return;
    row.className = rowColorSave;
}

function selectRow(id, el) {
    var row = document.getElementById(id);

    if (el.type == 'checkbox') {
        if (el.checked) {
            row.className = "rowSelected";
            el.className = "rowSelected";
        }
        else {
            row.className = "";
            el.className = "";
        }

        return;
    }
    
    if (el.type == "select-one") {
        if (el.selectedIndex == 0) {
            row.className = "";
            el.className = "";
        }
        else {
            row.className = "rowSelected";
            el.className = "rowSelected";
        }

        return;
    }

    alert("Element Not Supported!");
}