//===========
// Browser Detect
//===========
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

// ==========
// Functions for the NGKids site
// (Used outside of MyPage)

// ==========
// Functions for adding a favorite

function AddToFavs(c_id) {
    // TODO: Check if the user is logged in
    //     If not then display an alert and tell themm they should register
    if (cookie_is_set("userId")) {
        add_send(c_id);
    }
    else {
        alert("You must be logged in to add this to your favorites.")
    }
}

function add_send(c_id) {
    var myConn = new XHConn();
    if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    var fnWhenDone = function (oXML) { add_done(oXML.responseText); };
    var paramStr = "cmd=add&contentId=" + c_id;
    myConn.connect("/ngkids_mypage/servlet/FavoritesService", "POST", paramStr, fnWhenDone);
}

function add_done(responseText) {
    // Returns new favorites bin content
    UpdateDiv("favs_bin_container", responseText)
}

function LoadFavsBin() {
    var myConn = new XHConn();
    if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    var fnWhenDone = function (oXML) { add_done(oXML.responseText); };
    var paramStr = "cmd=bin&opt=full";
    myConn.connect("/ngkids_mypage/servlet/FavoritesService", "POST", paramStr, fnWhenDone);
}

// ==========
// Functions for polls

function submitPoll_click(oEvent, p_id) {
    // Get Data
    var pollForm = document.forms["poll_input"];
//    var poll_id = pollForm.elements["poll_id"].value;
    var poll_answer_radios = pollForm.elements["poll_answer"];
    var poll_answer = 0;
    for (i = 0; i < poll_answer_radios.length; i++) {
        if (poll_answer_radios[i].checked) {
            // poll_answer = i + 1;
            poll_answer = poll_answer_radios[i].value;
            break;
        }
    }

    if (poll_answer > 0) {
        submitPoll_send(p_id, poll_answer);
    }
    else {
        alert("Please select an answer.");
    }
}

function submitPoll_send(p_id, p_answer) {
    var myConn = new XHConn();
    if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    var fnWhenDone = function (oXML) { submitPoll_done(oXML.responseText); };
    var str = "cmd=submit&pollId=" + p_id + "&answerId=" + p_answer;
    myConn.connect("/ngkids_mypage/servlet/PollService", "POST", str, fnWhenDone);
}

function submitPoll_done(responseText) {
    UpdateDiv("poll", responseText)
}

// ==========
// Functions for rating content

var ratingSet = false;
var rating = 0;
var tmpRating = 0;

function rating_rollover(oEvent) {
    var oDiv = (oEvent.target || oEvent.srcElement);
    var divXOff = oDiv.offsetLeft;
    if(BrowserDetect.browser == "Safari") {
	    divXOff = divXOff + 45;
    }
    var relX = oEvent.clientX - divXOff;

    var oDebugX = document.getElementById("xval");
    var oDebugY = document.getElementById("yval");
    if (oDebugX != null) {
        oDebugX.innerHTML = oEvent.clientX;
    }
    if (oDebugY != null) {
        oDebugY.innerHTML = oEvent.clientY;
    }

    tmpRating = parseInt(relX / 16) + 1;

    var oDebugRating = document.getElementById("rating");
    if (oDebugRating != null) {
        oDebugRating.innerHTML = tmpRating;
    }

    switch (tmpRating) {
    case 1:
        oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_1.gif)";
        break;
    case 2:
        oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_2.gif)";
        break;
    case 3:
        oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_3.gif)";
        break;
    case 4:
        oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_4.gif)";
        break;
    case 5:
        oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_5.gif)";
        break;
    }
}

function rating_out(oEvent) {
    var oDiv = (oEvent.target || oEvent.srcElement);

    var oDebugX = document.getElementById("xval");
    var oDebugY = document.getElementById("yval");
    if (oDebugX != null) {
        oDebugX.innerHTML = 0;
    }
    if (oDebugY != null) {
        oDebugY.innerHTML = 0;
    }

    var oDebugRating = document.getElementById("rating");

    if (ratingSet == false) {
      oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_0.gif)";
      if (oDebugRating != null) {
          oDebugRating.innerHTML = 0;
      }
    }
    else {
        switch (rating) {
        case 1:
            oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_1.gif)";
            break;
        case 2:
            oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_2.gif)";
            break;
        case 3:
            oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_3.gif)";
            break;
        case 4:
            oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_4.gif)";
            break;
        case 5:
            oDiv.style.backgroundImage = "url(/staticfiles/NGS/NGKids/SiteAssets/img/RatingsBox_5.gif)";
            break;
        }

        if (oDebugRating != null) {
            oDebugRating.innerHTML = rating;
        }
    }
}

function rating_click(oEvent, c_id) {
    ratingSet = true;
    rating = tmpRating;
    rating_send(rating, c_id);
}

function rating_send(rating, c_id) {
    var myConn = new XHConn();
    if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    var fnWhenDone = function (oXML) { rating_done(oXML.responseText); };
    var ratingStr = "contentId=" + c_id + "&rating=" + rating;
    myConn.connect("/ngkids_mypage/servlet/RatingsService", "POST", ratingStr, fnWhenDone);
}

function rating_done(responseTxt) {
    // TODO: Should check response
/* For Debug
    oResultTxt = document.getElementById("rating_result");
    if (!oResultTxt) alert("Fubar!");
    oResultTxt.innerHTML = "Thank you for rating this content:";

    newP = document.createElement("p");
    newPTxt = document.createTextNode(responseTxt);
    newP.appendChild(newPTxt);
    oResultTxt.appendChild(newP);
*/
}

// ==========

function SendLink(url) {
//    window.open("/ngkids_mypage/SendLink.html","","height=285,width=440,location=no,menubar=no,resizable=no,status=no,toolbar=no");
//    window.open("/ngkids_mypage/servlet/SendToService?cmd=form&url=" + url,"","height=285,width=440,location=no,menubar=no,resizable=no,status=no,toolbar=no");
    window.open("/ngkids_mypage/SendLink.jsp?url=" + url,"","height=285,width=440,location=no,menubar=no,resizable=no,status=no,toolbar=no");
}

function link_send(url, from_addr, to_addr) {
    var myConn = new XHConn();
    if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    var fnWhenDone = function (oXML) { link_done(oXML.responseText); };
    var paramStr = "cmd=send&url=" + url + "&from=" + from_addr + "&to=" + to_addr;
    myConn.connect("/ngkids_mypage/servlet/SendToService", "POST", paramStr, fnWhenDone);
}

function link_done(responseText) {
    var regexp = new RegExp("^NACK:");
    if (result = regexp.exec(responseText) != null) {
        alert("Error sending link:\n" + responseText.slice(regexp.lastIndex));
    }
    else {
        alert("Link Sent!");
    }

    window.close();
}

function SendLinkEmail(url) {
    var form = document.forms["send_link"]
    if (form != null) {
        var from_email = form.from_email.value;
        var to_email = form.to_email.value
        var regexp = new RegExp(".+@.+\....*"); // Simplistic email address validation
        if (from_email == null || from_email.length == 0 || !regexp.test(from_email)) {
            alert("You must enter a valid email address for yourself.");
            form.from_email.focus();
            return false;
        }
        else if (to_email == null || to_email.length == 0 || !regexp.test(to_email)) {
            alert("You must enter a valid email address for your friend.");
            form.to_email.focus();
            return false;
        }
        else {
            link_send(url, from_email, to_email);
            return true;
        }
    }
}

// ==========
// Utility functions for communicating with the server
/*
function TestSend() {
    var dat = 5;
    var params = [["cmd", 1],["id", dat]];
    var callback = function (oXML) { TestSendDone(); };
    var callback_params = [dat];
    send_to_server(params, callback, callback_params);
}

function TestSendDone(str, params) {
    var str2 = str + "\n";
    for each (var p in params) {
        str2 += ", " + p;
    }
    alert("str2: " + str2);
}

function send_to_server(params, callback, callback_params) {
    var myConn = new XHConn();

    if (!myConn) {
        alert("XMLHTTP not available. Try a newer/better browser.");
        return;
    }

    var str = "";
    for (var i = 0; i < params.length; i++) {
        if (i > 0) {
            str += "&";
        }
        str += params[i][0] + "=" + params[i][1];
    }

    callback(str, callback_params);

//    var fnWhenDone = function (oXML) { submitPoll_done(oXML.responseText); };
//    var str = "cmd=submit&pollId=" + p_id + "&answerId=" + p_answer;
//    myConn.connect("servlet/PollService", "POST", str, fnWhenDone);
}
*/

// ==========

function UpdateDiv(id, content) {
    var oDiv = document.getElementById(id);
    if (!oDiv) {
        // Can't find the div so force a reload to get the update
        location.reload(true);
    }
    else {
        oDiv.innerHTML = content;
    }
}

// ==========
// Functions for handling cookies

function cookie_set(name, value, duration) {
    var expire = new Date();
    // -1 duration will have cookie expire immediately (delete cookie)
    // 0 duration will have cookie expire when browser is closed
    if (duration != 0) {
        expire.setDate(expire.getDate() + duration);
    }

    cookieStr = "" + name + "=" + value + ((duration != 0) ? "; expires=" + expire.toGMTString() : "") + "; path=/";

    document.cookie = cookieStr;
}

function cookie_get(name) {
    if (document.cookie.length > 0) {
        var cookie_vals = new Array();
        var nv = new Array();
        cookie_vals = document.cookie.split(';');
        for (i = 0; i < cookie_vals.length; i++) {
            nv = cookie_vals[i].split('=');
            // TODO: need to check length - make sure there are two elements
            if (trim(name) == trim(nv[0])) {
                return trim(nv[1]);
            }
        }
        return null;
    } else {
        return null;
    }
}

// Might not need this - use get
function cookie_is_set(name) {
    return (cookie_get(name) != null ? true: false);
}

function cookie_del(name) {
    if (cookie_is_set(name)) {
        cookie_set(name, "", -1);
    }
}

// ==========
//

function trim(str) {
    var t = str;
    t = t.replace(/^\s*/, "");
    t = t.replace(/\s*$/, "");
    return t;
}

function requestQueryStr(name){ 
            var loc = self.location.search; 
            var noval = "noQS"; 
            if (loc.length>0) { 
                        name = name+'='; 
                        var str = loc.substring(loc.indexOf('?')+1, loc.length); 
                        var start = str.indexOf(name); 
                        if (start==-1) { 
                                    return noval; 
                        } 
                        start += name.length; 
                        var end = str.indexOf('&', start); 
                        if (end==-1) { 
                                    end = str.length; 
                        } 
                        return str.substring(start,end); 
            } else { 
                        return noval; 
            } 
}