﻿function isEnterPress(e) {
    var key = e.keyCode || e.which;
    if(key == 13) {
        return true;
    }
    return false;
}

function urlEncode(str) {
    return str.replace(/\+/g, '%2B').replace(/\"/g,'%22').replace(/\'/g, '%27');
}

function trim(str) {
    return str.replace(/^\s+|\s+$/g,"");
}

function ajaxloadBlog(url, containerid, condition) {
	try { // Browser object detection		
		xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
		new ActiveXObject("Microsoft.XMLHTTP");		
	}
	catch (e){alert(e.description)} // browser doesn't support ajax. handle however you want
	xmlhttp.onreadystatechange = function(){statuschangedBlog(containerid,condition)}; // every time ready status changes, statuschanged() function executes
	xmlhttp.open("GET", url, true); // Usage: open(HTTP method, url, and asynchronous = true or false)
	xmlhttp.send(null); // send the request.
}

function statuschangedBlog(containerid, condition){
	if((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) { // readyState codes: 0=Uninitialised 1=Loading 2=Loaded 3=Interactive 4=Completed; status code: 200=OK		
		if(xmlhttp.responseText != "") {
			if(condition == "h") { // populating a hidden field
				top.document.getElementById(containerid).value = xmlhttp.responseText; // xmlhttp.responseText object contains the text of 'url'		
			}
			else if(condition == "a") { // if condition is append
				top.document.getElementById(containerid).innerHTML += xmlhttp.responseText; // xmlhttp.responseText object contains the text of 'url'		
			}
			else {							
				top.document.getElementById(containerid).innerHTML = xmlhttp.responseText; // xmlhttp.responseText object contains the text of 'url'		
			}			
		}
	}
	else { // else, readyState is not yet Completed and status is not yet OK, so here we display loading text
	    top.document.getElementById(containerid).innerHTML = 
	        "<div id='loading'>" +
	            "<div class='left'><img src='/App_Themes/Default/Images/loading.gif' alt='Loading...' /></div>" +
	            "<div class='right'>Loading...</div>" +
	            "<div class='clear'></div>" +
	        "</div>";
	}
}

var categoryId = "";
var keyword = "";

function setCategory(id) {
    categoryId = id;
    keyword = "";
    searchBlog(1);
}

function setKeyword() {
    keyword = trim(document.getElementById("ctl00_ContentPlaceHolder2_BlogRight1_txtKeyword").value);
    categoryId = "";
    searchBlog(1);
}

function searchBlog(page) {    
    /*var url = "Articles.aspx?page=" + page + "&categoryId=" + categoryId + "&keyword=" + keyword;
    url = urlEncode(url);
    document.getElementById("hidUrl").value = url;
    ajaxloadBlog(url,"main","");*/
    window.location = '?categoryId=' + categoryId + '&keyword=' + keyword;
}

function goToBlog(id, url) {
    var url = "Blog.aspx?id=" + id + "&url=" + url;
    ajaxloadBlog(url,"main","");    
}

function loadComments(id, page) {    
    var url = "/_DirectorsBlog/Comments.aspx?id=" + id + "&page=" + page;
    
    alert(url);
    
    ajaxloadBlog(url,"comments","");    
}

function reloadComments(id) {
    loadComments(id, 1);
    resetForm(false);
}

function resetForm(showMessage) {
    if(showMessage) {
        alert('Thank You!\nYour comment has been submitted for approval');
    }
    top.document.getElementById("txtName").value = "";
    top.document.getElementById("txtDescription").value = "";
}

function addComment(id) {

    var name = urlEncode(document.getElementById("txtName").value);
    var description = urlEncode(document.getElementById("txtDescription").value);
    if(description == "") {
        alert("Error! You must enter a comment!");
        return;
    }
    var url = "/_DirectorsBlog/AddComment.aspx?id=" + id + "&name=" + name + "&description=" + description;
    //document.getElementById("iframe").src = url;
    new Ajax(url, {
        method: 'get',
        onComplete: function() {
            var postingId = this.response.text;
            if(postingId != '') {
                //reloadComments(postingId);
                resetForm(true);
            }
            else {
                resetForm(true);
            }
        }
    }).request();	    
}