// JavaScript Document
function e(element){
    return document.getElementById(element);
}

function cap(string){
    slice1 = (string.slice(0,1)).toUpperCase();
    slice2 = string.slice(1);
    return slice1 + slice2;
}

function imgError(source){
    source.src = "/images/default.jpg";
    source.onerror = "";
    return true;
}

function setCookie(c_name,value,exdays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
  {
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}


var pages = new Array("hill","member");

var URL = window.location + "";
var currentPageID = "";

function pageInit(){
    if(!URL.split("#")[1]){
        pageID="hill";

    } else {
        pageID = URL.split("#")[1] + "";
    }

    currentPageID = pageID;

    loadData(pageID);
    changeHeader(pageID);
    changeNav(pageID);
}


function loadPage(ID){
    pageID = ID +"";

    if(pageID != currentPageID){
        window.location.hash= pageID;
        fadeContentOut("content");
        fadeContentOut("headerTitle");
        setTimeout("changeHeader(pageID)", 200);
        setTimeout("fadeContentIn('headerTitle')", 200);

        fadeContentOut("content");
        setTimeout("loadData(pageID)", 200);
        setTimeout("fadeContentIn('content')", 400);

        changeNav(pageID);
    } else {
        window.location.hash= pageID;
        loadData(pageID)
    }

    currentPageID = pageID;
}

function changeHeader(pageID){
    e("headerTitle").innerHTML = cap(pageID) + " Information";
}

function loadData(pageID){
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("POST", "includes/" + pageID + ".php", false);
    xmlhttp.send();

    var data = xmlhttp.responseText;
    try
    {
    e("content").innerHTML = data;
    }

    catch(e){
    document.write("something fucked up");
    }
};

function changeNav(pageID){
    i=0;
    for(n in pages){
        if(pages[i] == pageID){
            e(pages[i]+"Nav").className = "navBarBtnActive"
        } else {
            e(pages[i]+"Nav").className = "navBarBtn"
        }
    i++;
    }
}

function drop(){

    dropStyle = e("drop").className

    if(dropStyle == "drop"){
        e("drop").className = "dropEx"
    } else {
        e("drop").className = "drop"

    }


}

function dropHide(){
    e("drop").className = "drop"
}

function dropChange(type, drop, elem){
    var currentChoiceS = drop;


    var defaultHTML = "<div class='dropTitle'>" + currentChoiceS + "</div>";

    e("hillDefault").innerHTML = defaultHTML;

    dropHide();
    if(type == "hill"){
        showHill(drop, elem);
    } else {
        showMember(drop, elem);
    }

}

function showHill(hill, elem){

    e(elem).style.height = "auto";


    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("POST", "includes/getHill.php?hillID=" + hill, false);
    xmlhttp.send();

    var data = xmlhttp.responseText;
    try
    {
        e(elem).innerHTML = data;
    }

    catch(e){
    document.write("something fucked up");
    }

    fadeContentIn(elem);

}

function showMember(member, elem){

    var username = member.split(" ");

    e(elem).style.height = "auto";
    setCookie("userEdit", username.join(""), 10);

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("POST", "includes/getMemberA.php?fullName=" + member, false);
    xmlhttp.send();

    var data = xmlhttp.responseText;
    try
    {
        e(elem).innerHTML = data;
    }

    catch(e){
    document.write("something fucked up");
    }

    fadeContentIn(elem);

}

function fadeContentOut(element){
    e(element).style.opacity = 0;
}

function fadeContentIn(element){
    e(element).style.opacity = 1;
}

function logIn(){

    var username = e("username").value;
    var password = e("password").value;



    if(username != "" && username != "username"){
        if(password != "" && password != "password"){

        } else {
            e("password").style.backgroundColor = "#FF0000";
            setTimeout("e('password').style.backgroundColor = '#FFFFFF'", 200);
            return;
        }

    } else {
        e("username").style.backgroundColor = "#FF0000";
        setTimeout("e('username').style.backgroundColor = '#FFFFFF'", 200);
        return;
    }

    setCookie("username", username, 10);
    setCookie("userEdit", username, 10);
    setCookie("password", password, 10);

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("POST", "includes/getMember.php?username=" + username + "&password="+password, false);
    xmlhttp.send();
    var data = xmlhttp.responseText;

    try
    {
        e("memberContent").innerHTML = data;
    }

    catch(e){
        document.write("something went wrong");
    }


}

function showPass(){
    e("bgLayer").style.opacity = "1";
    e("bgLayer").style.height = "100%";
    e("bgLayer").style.zIndex = "100";
    e("changePassBox").style.top = "250px";
}

function hidePass(){
    e("bgLayer").style.opacity = "0";
    e("bgLayer").style.height = "0%";
    e("bgLayer").style.zIndex = "-100";
    e("changePassBox").style.top = "-1000px";
}

function showMemberBox(){
    e("bgLayer").style.opacity = "1";
    e("bgLayer").style.height = "100%";
    e("bgLayer").style.zIndex = "100";
    e("changeMemberBox").style.top = "150px";
}

function hideMember(){
    e("bgLayer").style.opacity = "0";
    e("bgLayer").style.height = "0%";
    e("bgLayer").style.zIndex = "-100";
    e("changeMemberBox").style.top = "-1000px";
}

function showHillBox(){
    e("bgLayer").style.opacity = "1";
    e("bgLayer").style.height = "100%";
    e("bgLayer").style.zIndex = "100";
    e("changeHillBox").style.top = "150px";
}

function hideHill(){
    e("bgLayer").style.opacity = "0";
    e("bgLayer").style.height = "0%";
    e("bgLayer").style.zIndex = "-100";
    e("changeHillBox").style.top = "-1000px";
}

function changePass(){

    var oldPassword = e("oldPassword").value;
    var newPassword1 = e("newPassword1").value;
    var newPassword2 = e("newPassword2").value;



    if(oldPassword != "" && oldPassword != "password"){
        if(newPassword1 != "" && newPassword1 != "password"){
            if(newPassword2 != "" && newPassword2 != "password"){

                if(newPassword1 != newPassword2){
                    e("newPassword1").style.backgroundColor = "#FF0000";
                    e("newPassword2").style.backgroundColor = "#FF0000";
                    setTimeout("e('newPassword1').style.backgroundColor = '#FFFFFF'", 200);
                    setTimeout("e('newPassword2').style.backgroundColor = '#FFFFFF'", 200);
                    return;
                } else {};

            } else {
                e("newPassword2").style.backgroundColor = "#FF0000";
                setTimeout("e('newPassword2').style.backgroundColor = '#FFFFFF'", 200);
                return;
            }
        } else {
            e("newPassword1").style.backgroundColor = "#FF0000";
            setTimeout("e('newPassword1').style.backgroundColor = '#FFFFFF'", 200);
            return;
        }

    } else {
        e("oldPassword").style.backgroundColor = "#FF0000";
        setTimeout("e('oldPassword').style.backgroundColor = '#FFFFFF'", 200);
        return;
    }

    hidePass();
    setCookie("password", newPassword1, 10);

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("POST", "includes/changePass.php?oldPassword=" + oldPassword + "&newPassword="+ newPassword1, false);
    xmlhttp.send();
    var data = xmlhttp.responseText;

    try
    {
        e("changePassLink").innerHTML = data;
    }

    catch(e){
        document.write("something went wrong");
    }
}

function addMember(){
    var username = e("newuserUsername").value;
    var Password1 = e("newuserPassword1").value;
    var Password2 = e("newuserPassword2").value;

    var admin = e("newuserAdmin").checked;
    var membership = e("newuserMembership").value;

    var name = e("newuserName").value;
    var surname = e("newuserSurname").value;
    var address = e("newuserAddress").value;
    var city = e("newuserCity").value;
    var postcode = e("newuserPostcode").value;
    var tel = e("newuserTel").value;
    var email = e("newuserEmail").value;

    if(username != ""){}
    else {
        e("newuserUsername").style.backgroundColor = "#FF0000";
        setTimeout("e('newuserUsername').style.backgroundColor = '#FFFFFF'", 200);
        return;
    }

    if(Password1 != ""){
        if(Password2 != ""){

            if(Password1 != Password2){
                e("newuserPassword1").style.backgroundColor = "#FF0000";
                e("newuserPassword2").style.backgroundColor = "#FF0000";
                setTimeout("e('newuserPassword1').style.backgroundColor = '#FFFFFF'", 200);
                setTimeout("e('newuserPassword2').style.backgroundColor = '#FFFFFF'", 200);
                return;
            } else {};

        } else {
            e("newuserPassword2").style.backgroundColor = "#FF0000";
            setTimeout("e('newuserPassword2').style.backgroundColor = '#FFFFFF'", 200);
            return;
        }
    } else {
        e("newuserPassword1").style.backgroundColor = "#FF0000";
        setTimeout("e('newuserPassword1').style.backgroundColor = '#FFFFFF'", 200);
        return;
    }

    if(admin = true){
        var adminB = 1;
    } else {
        var adminB = 2;
    }

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("POST", "includes/addMember.php?username=" + username + "&password="+ Password1 + "&admin="+ adminB + "&membership="+ membership + "&name="+ name + "&surname="+ surname + "&address="+ address + "&city="+ city + "&postcode="+ postcode + "&tel="+ tel + "&email="+ email, false);
    xmlhttp.send();
    var data = xmlhttp.responseText;

    try
    {
        e("errorMSG").innerHTML = data;
    }

    catch(e){
        document.write("something went wrong");
    }

    loadPage("member");
}

function addHill(){
    var name = e("newhillName").value;
    var location = e("newhillLocation").value;
    var height = e("newhillHeight").value;
    var description = escape(e("newhillDescription").value);

    var nameSplit = name.split(" ");
    var hillID = "";
    var x = 0;

    for(n in nameSplit){
        if(x > 0){
            hillID = hillID + cap(nameSplit[x]);
        } else {
            hillID = hillID + nameSplit[x]
        }
        x++;
    }



    if(name != ""){}
    else {
        e("newhillName").style.backgroundColor = "#FF0000";
        setTimeout("e('newhillName').style.backgroundColor = '#FFFFFF'", 200);
        return;
    }
    if(location != ""){}
    else {
        e("newhillLocation").style.backgroundColor = "#FF0000";
        setTimeout("e('newhillLocation').style.backgroundColor = '#FFFFFF'", 200);
        return;
    }
    if(height != ""){}
    else {
        e("newhillHeight").style.backgroundColor = "#FF0000";
        setTimeout("e('newhillHeight').style.backgroundColor = '#FFFFFF'", 200);
        return;
    }
    if(description != ""){}
    else {
        e("newhillDescription").style.backgroundColor = "#FF0000";
        setTimeout("e('newhillDescription').style.backgroundColor = '#FFFFFF'", 200);
        return;
    }

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("POST", "includes/addHill.php?name=" + name + "&location="+ location + "&height="+ height + "&description=" + description + "&mountainID=" + hillID, false);
    xmlhttp.send();
    var data = xmlhttp.responseText;

    try
    {
        e("addHillLink").innerHTML = data;
    }

    catch(e){
        document.write("something went wrong");
    }

    hideHill();
}


function logOut(){
    setCookie("username", "",0);
    setCookie("password", "",0);
    loadPage("member");

}

function updateMember(){
    var username = getCookie('username');
    var userEdit = getCookie('userEdit');
    var userAddress = escape(e("userAddress").value);
    var userCity = escape(e("userCity").value);
    var userPostcode = escape(e("userPostcode").value);
    var userPhone = escape(e("userPhone").value);
    var userEmail = escape(e("userEmail").value);

    var urlUpdate = "includes/updateInfo.php?username=" + username + "&userAddress="+userAddress + "&userCity="+userCity + "&userPostcode="+userPostcode + "&userPhone="+userPhone + "&userEmail="+userEmail;

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("POST", urlUpdate, false);
    xmlhttp.send();
    var data = xmlhttp.responseText;

    try
    {
        e("updateInfo").innerHTML = data;
    }

    catch(e){
        document.write("something fucked up");
    }
}