/// <reference path="jquery-1.2.6-vsdoc.js" />

var isTipHide = false;

function onOverImage(event) {
    debugger;
    //    hideBlueTip();
    var blueTip = document.getElementById('bluetooltip2');
    var content = document.getElementById('aboutSite2');
    var hbody = document.getElementById('div100x100').offsetHeight;
    var imgTarget = (event.srcElement) ? event.srcElement : event.target;
    content.innerHTML = imgTarget.getAttribute('id');
    blueTip.style.bottom = hbody - event.clientY + 20 + 'px';
    blueTip.style.left = event.clientX - 60 + 'px';
    window.setTimeout(showArchiefTip, 300);
}

function showArchiefTip() {
    var blueTip = document.getElementById('bluetooltip2');
    blueTip.style.visibility = "visible";
}

function onOutImage() {
    var blueTip = document.getElementById('bluetooltip2');
    blueTip.style.visibility = "hidden";
}

function moveOnImage(event) {
    debugger;
    if (!event) {
        event = window.event;
    }
    var blueTip = document.getElementById('bluetooltip2');
    var content = document.getElementById('aboutSite2');
    var hbody = document.getElementById('div100x100').offsetHeight;
    var imgTarget = (event.srcElement) ? event.srcElement : event.target;
    content.innerHTML = imgTarget.getAttribute('id');
    blueTip.style.left = event.clientX - 60 + "px";
    blueTip.style.bottom = hbody - event.clientY + 20 + "px";
}



function createCookie(name, value) {
    var date = new Date();
    date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
    var expires = "; expires=" + date.toGMTString();
    document.cookie = name + "=" + value + expires + "; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name, "", -1);
}

function saveUserInfo() {
    var name = document.getElementById("inpName").value;
    var url = document.getElementById("inpURL").value;
    var phoneNumber = document.getElementById("inpPhoneNumber").value;

    if (name == "") {
        alert("Naam: Geef uw naam op");
    }
    if (url == "") {
        alert("URL: Geef het webadres op");
    }
    if (phoneNumber == "") {
        alert("Telefoonnummer: Geef uw telefoonnummer op");
    }
    else {
        var length = phoneNumber.length;
        for (var i = 0; i < length; i++) {
            var temp = parseInt(phoneNumber.charAt(i), 10);
            if (isNaN(temp) && phoneNumber.charAt(i) != '+' && phoneNumber.charAt(i) != '-') {
                alert("Phone number can contains only numbers, '+' or '-'.");
                return;
            }
        }
    }
    createCookie("userName", name);
    createCookie("userUrl", url);
    createCookie("userPhoneNumber", phoneNumber);
    alert("Thanks for you info!");
    disableUserInfo();
}

function disableUserInfo() {
    var name = readCookie("userName");

    var nameInput = document.getElementById("inpName");
    var urlInput = document.getElementById("inpURL");
    var phoneNumberInput = document.getElementById("inpPhoneNumber");

    nameInput.disabled = true;
    urlInput.disabled = true;
    phoneNumberInput.disabled = true;

    nameInput.value = name;
    urlInput.value = readCookie("userUrl");
    phoneNumberInput.value = readCookie("userPhoneNumber");

    document.getElementById("btnOk").style.display = 'none';
}

function loadUserInfo() {
    var name = readCookie("userName");
    if (name != null) {
        disableUserInfo();
    }
}

function gotoTips() {
    var selectControl = document.getElementsByTagName("select")[1];
    var site = selectControl.options[selectControl.selectedIndex].value;
    if (site == "none") {
        return;
    }
    window.location.href = gotoPath+'?site=' + site;
}

function gotoReview() {
    
    var selectControl = document.getElementsByTagName("select")[0];
    var site = selectControl.options[selectControl.selectedIndex].value;
    if (site == "none") {
        return;
    }
  window.location.href = gotoRev + '?site=' + site;
}

function onCarouselClick(message) {
    createCookie("userVote", 'voted');
}

function hasVoted() {
    var siteVote = readCookie('userVote');
    if (siteVote == null) {
        return '';
    }
    return siteVote;
}

function showBlueTip(sitename, sitelink, description) {
//    isTipHide = false;
//    var blueTip = document.getElementById('bluetooltip');
//    blueTip.style.visibility = "visible";
//    var content = document.getElementById('aboutSite');
//    var message = '';
//    if (hasVoted() != '') {
//        message = "<CENTER>" + sitename + "</CENTER><CENTER><a style='color:#FFFFFF' href='" + sitelink + "' target='_blank'>" + sitelink + "</a></CENTER><br/>" + description + "<div>U hebt uw stem al op een andere website uitgebracht.</div>";
//    }
//    else {
//        var clickParam = '"' + sitename + '"';
//        message = "<CENTER><b>STEM MEE!<b/></CENTER><CENTER>" + sitename + "</CENTER><CENTER><a style='color:#FFFFFF' href='" + sitelink + "' target='_blank'>" + sitelink + "</a></CENTER><br/>" + description + "<br/><br/>Wilt u dat deze site binnenkort wordt besproken? Klik <span style='text-decoration:underline; color:#FFFFFF; cursor: pointer;' onclick='setVoted(" + clickParam + ")'>hier</span> om te stemmen of bekijk de andere kandidaten in de carrousel."
//    }
//    content.innerHTML = message;
//    content.style["z-index"] = 1000;
}

function mouseOver() {
  //  debugger;
}

function mouseOutBlueTip(event) {
  //  debugger;
//    if (isTipHide) {
//        var blueTip = document.getElementById('bluetooltip');
//        blueTip.style.visibility = "hidden";
//    }
////    var blueTip = document.getElementById('bluetooltip');
//    if (event.clientY > blueTip.style.bottom || event.clientY < blueTip.style.bottom - 60 || event.clientX < blueTip.style.left || event.clientX > blueTip.style.left + 60) {
//        debugger;
//        hideBlueTip();
//    }
//    else {
//        debugger;
//        qwer();
//    }
}

function qwer()
{ }

function hideBlueTip() {
  //      debugger;
    isTipHide = true;
    var blueTip = document.getElementById('bluetooltip');
    blueTip.style.visibility = "hidden";
}

function setVoted(targetSite) {
    debugger;
    createCookie("userVote", targetSite);
    hideBlueTip();
    var blueTip = document.getElementById('bluetooltip');
    blueTip.style.visibility = "visible";
    var content = document.getElementById('aboutSite');
    content.innerHTML = '<center>Bedankt voor uw stem.</center>';
    registerVotation(targetSite);
}

function registerVotation(site) {
    var xmlHttp;
    try {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) {
        // Internet Explorer
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX!");
                return false;
            }
        }
    }

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {

        }
    }
    
    if(site.substring('&'))
    {
        var arr = site.split('&');
        site = arr[0] + "&amp;" + arr[1];
    }
    xmlHttp.open("GET", votePath+"?op=vote&site=" + site, true);
    xmlHttp.send(null);
}

function getMyApp(appName) {
    var flexApp;
    if (navigator.userAgent.indexOf("MSIE") != -1) {
        flexApp = document.getElementById("CarouselMenu");
        if (!flexApp) {
            flexApp = window[appName];
        }
    } else {

    flexApp =  document[appName];
    }
    return flexApp;

}

function setWaiting() {
    document.getElementById("waitDiv").style.cursor = "wait";
}
function unsetWaiting() {
    document.getElementById("waitDiv").style.cursor = "auto";
}

function setValidColor(event) {
    if (!event) {
        event = window.event;
    }
    if (!event) {
        return;
    }
    event.target.value = '';
    event.target.style.color = "#FFFFFF";
    event.target.removeEventListener('click',setValidColor);
}

function setInputListeners() {
    return;
    var inputs = document.getElementById('waitDiv').getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].addEventListener) {
            inputs[i].addEventListener('click', setValidColor(event));
        }
        if (inputs[i].attachEvent) {
            inputs[i].attachEvent( "onclick", setValidColor(event));
        }
    }
}