var siteversion = '2.0.1';
var reload = '0';

var sendReq = getXmlHttpRequestObject();
var receiveReq = getXmlHttpRequestObject();
var addnew = 1;
var journalcomment = '0';
var uploadpicsactive = '0';
var deletemode = '0';
var scrOfX = 0, scrOfY = 0;
var createpage = '0';
var myWidth = 0, myHeight = 0;
var imagetarget = 'imagebrowser';
var searchtimer;
var fade = '0';
var host = window.location.hostname;
var saveimg = '0';
var newuploads = 0;
var photodiraction = '';
var photodiractionid = '';
var config = 'general';
var edittexts = '0';
var saved = '1';
var selcover = '0';
var doclose = 0;

Position.includeScrollOffsets = true; 

if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
}

var myHeightLimit = myHeight - 100;

function keepfocus() {
	var focus = document.activeElement;
	focus.focus();
}

function cleartoolbarstatus() {
	document.getElementById('toolbarstatus').innerHTML = '';
}

function clearJstatus() {
	document.getElementById('jstatus').innerHTML = '';
}


function setCookieRes()
{
	var today = new Date();
	var the_date = new Date("August 31, 2020");
	var the_cookie_date = the_date.toGMTString();
	var the_cookie = "res="+ myWidth +"x"+ myHeight;
	var the_cookie = the_cookie + ";expires=" + the_cookie_date;
	document.cookie=the_cookie
}

setCookieRes();



function saveJournal() {
	document.getElementById('jstatus').innerHTML = 'Saving...';
	var text = document.getElementById('edit').contentWindow.document.body.innerHTML;
	var title = document.getElementById('journaltitle').value;
	if(document.getElementById('publish').checked == '1') { var publish = '1'; } else { var publish = '0'; }
	if(document.getElementById('delete').checked == '1') { var jdelete = '1'; } else { var jdelete = '0'; }
	sendReq.open("POST", '/inc/ajax/journal_edit.php?id=' + document.getElementById('journalid').value, true);
	sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	sendReq.onreadystatechange = handleSaveJournal;
	var param = 'text=' + encodeURIComponent(text);
	param += '&title=' + encodeURIComponent(title);
	param += '&publish=' + publish;
	param += '&delete=' + jdelete;
	sendReq.send(param);
}

function handleSaveJournal() {
	if(sendReq.readyState == 4)
	{
		if(document.getElementById('delete').checked == '1') { location.href='/journal/'; }
		document.getElementById('jstatus').innerHTML = '<b>Changes saved</b>';
		setTimeout('clearJstatus();',3000);
	}
}

function saveCloseCustomPage() {
	doclose = 1;
	saveCustomPage();
}


function saveCustomPage() {
	document.getElementById('toolbarstatus').innerHTML = 'Saving...';
        var text = document.getElementById('edit').contentWindow.document.body.innerHTML;
        sendReq.open("POST", '/inc/ajax/page_edit.php?id=' + document.getElementById('pageid').value, true);
        sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        sendReq.onreadystatechange = handleSaveCustomPage;
        var param = 'text=' + encodeURIComponent(text);
        sendReq.send(param);
}

function handleSaveCustomPage() {
        if(sendReq.readyState == 4)
        {
              document.getElementById('toolbarstatus').innerHTML = '<b>Changes saved</b>';
              setTimeout('cleartoolbarstatus();',3000);
              if(doclose == 1)
	      {
	      	 	location.href=document.getElementById('pageurl').value;
	      }
	}
}


function deleteJournal() {
	if(document.getElementById('delete').checked == true)
	{
		alert("Your journal will be permanently deleted if you click \"Save\".");
	}
}

function deleteComment(id) {
        var agree=confirm("Are you sure you want to delete the comment?");
        if(agree) {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/delcomment.php?pic=' + document.getElementById('picid').value + '&id=' + id, true);
                receiveReq.onreadystatechange = handleDeleteComment;
                receiveReq.send(null);
        }
        }
}

function cDelComment() {
        var agree=confirm("Are you sure you want to delete the comment?");
                if (agree)
                        return true ;
                else
                        return false ;
}

function deleteJComment(journal,id) {
	var agree=confirm("Are you sure you want to delete the comment?");
	if(agree) {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/deljcomment.php?journal=' + journal + '&id=' + id, true);
                receiveReq.onreadystatechange = handleDeleteJComment;
                receiveReq.send(null);
		journalcomment = journal;
        }
	}
}

function handleDeleteComment() {
        if (receiveReq.readyState == 4)
	{
		getComments();
	}
}

function handleDeleteJComment() {
        if (receiveReq.readyState == 4)
        {
                getJComments();
        }
}

function addJComment(journal) {
        if(document.getElementById('journal_name-' + journal) != null && document.getElementById('journal_name-' + journal).value == 'Your name') {
                document.getElementById('commentspan-' + journal).innerHTML = 'You must write your name';
        } else {
                if(document.getElementById('journal_comment-' + journal).value != '' && document.getElementById('journal_comment-' + journal).value != 'Write a comment')
                {
                        if(document.getElementById('journal_name-' + journal) != null) { var name = encodeURIComponent(document.getElementById('journal_name-' + journal).value); } else { var name = ''; }
                        sendReq.open("POST", '/inc/ajax/addcommentj.php?id=' + journal, true);
                        sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                        sendReq.onreadystatechange = handleAddJComment;
                        var param = 'message=' + encodeURIComponent(document.getElementById('journal_comment-' + journal).value);
                        param += '&reply_to=' + document.getElementById('reply_to-' + journal).value;
                        param += '&viewhandler=a';
                        param += '&name=' + name;
                        sendReq.send(param);
			journalcomment = journal;
                } else {
                        document.getElementById('commentspan-' + journal).innerHTML = 'You must write a comment';
                }
        }
}

function handleAddJComment() {
        if (sendReq.readyState == 4)
        {
                document.getElementById('journal_comment-' + journalcomment).value = 'Write a comment';
                if(document.getElementById('journal_name-' + journalcomment) != null)
                {
                        document.getElementById('journal_name-' + journalcomment).value = 'Your name';
                }
                document.getElementById('commentspan-' + journalcomment).innerHTML = '';
                document.getElementById('reply_to-' + journalcomment).value = '0';
                document.getElementById('replycomment-' + journalcomment).innerHTML = '';
                getJComments();
        }
}


function addComment() {
	if(document.getElementById('img_name') != null && document.getElementById('img_name').value == 'Your name') {
		document.getElementById('commentspan').innerHTML = 'You must write your name';
	} else {
		if(document.getElementById('img_comment').value != '' && document.getElementById('img_comment').value != 'Write a comment')
		{
			if(document.getElementById('img_name') != null) { var name = encodeURIComponent(document.getElementById('img_name').value); } else { var name = ''; }
	       	        sendReq.open("POST", '/inc/ajax/addcomment.php?id=' + document.getElementById('picid').value, true);
	                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        	        sendReq.onreadystatechange = handleAddComment;
        	        var param = 'message=' + encodeURIComponent(document.getElementById('img_comment').value);
                	param += '&reply_to=' + document.getElementById('reply_to').value;
			param += '&viewhandler=a';
			param += '&name=' + name;
                	sendReq.send(param);
		} else {
			document.getElementById('commentspan').innerHTML = 'You must write a comment';
		}
	}
}

function handleAddComment() {
	if (sendReq.readyState == 4)
	{
		document.getElementById('img_comment').value = 'Write a comment';
		if(document.getElementById('img_name') != null)
		{
			document.getElementById('img_name').value = 'Your name';
		}
		document.getElementById('commentspan').innerHTML = '';
		document.getElementById('reply_to').value = '0';
		document.getElementById('replycomment').innerHTML = '';
		getComments();
	}
}

function doReply(id,from) {
        document.getElementById('reply_to').value = id;
        name = document.getElementById('name-' + id).innerHTML;
        comment = document.getElementById('comment-' + id).innerHTML;
        document.getElementById('replycomment').innerHTML = '<b>Replying to a comment from ' + name + ':</b> ' + comment;
	document.getElementById('img_comment').focus();
}

function doJReply(journal,id,from) { 
	document.getElementById('reply_to-' + journal).value = id;
	name = document.getElementById('name-' + id + '-' + journal).innerHTML;
	comment = document.getElementById('comment-' + id + '-' + journal).innerHTML;
	document.getElementById('replycomment-' + journal).innerHTML = '<b>Replying to a comment from ' + name + ':</b> ' + comment;
}

function toggleEditTexts() {
	if(edittexts == '0')
	{
		edittexts = '1';
		document.getElementById('edittexts').innerHTML = 'Stop editing texts';
	} else {
		stopEditTexts();
		edittexts = '0';
		document.getElementById('edittexts').innerHTML = 'Edit texts';
	}
}

function editDiv(id) {
	var destroydrag = 'dragable_' + id;
	var label = 'edit-' + id;
	var object = 'object-' + id;
	document.getElementById('objecttext-' + id).contentEditable='true';
}

function enableURL(id) {
        var field = 'url-' + id;
        var box = 'visible-' + id;

        if(document.getElementById(box).checked == '1')
        {
                document.getElementById(field).style.display = 'block';
        } else {
                // document.getElementById(field).style.display = 'none';
        }
}

function nullAction() {
	void(0);
}

function cpAddPage() {
}

function checkShortname() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/checkshortname.php?shortname=' + document.getElementById('cp_edit_url').value + '&page=' + document.getElementById('cp_edit_id').value, true);
                receiveReq.onreadystatechange = handleCheckShortname;
                receiveReq.send(null);
        }
}


function handleCheckShortname() {
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("checkshortname");
                var n_messages = topnavi_nodes.length;
                var put = '';
                for (k = 0; k < n_messages; k++) {
                        var shortname_node = topnavi_nodes[k].getElementsByTagName("shortname");
                        var status_node = topnavi_nodes[k].getElementsByTagName("status");
			document.getElementById('cp_edit_url').value = shortname_node[0].firstChild.nodeValue;
		}
	}
}

function addFavorite() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/favorite.php?action=add&id=' + document.getElementById('picid').value, true);
                receiveReq.onreadystatechange = handleFavorites;
                receiveReq.send(null);
        }
}

function delFavorite() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/favorite.php?action=del&id=' + document.getElementById('picid').value, true);
                receiveReq.onreadystatechange = handleFavorites;
                receiveReq.send(null);
        }
}

function handleFavorites() {
        if (receiveReq.readyState == 4) {
		getFavorites();
	}
}

var getnewsfrom = 0;

function getOlderNews() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
		getnewsfrom = getnewsfrom + 15;
                receiveReq.open("GET", '/inc/ajax/newsfeed.php?from=' + getnewsfrom, true);
                receiveReq.onreadystatechange = handleGetOlderNews;
                receiveReq.send(null);
        }
}

function handleGetOlderNews() {
        if (receiveReq.readyState == 4)
        {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("newsfeed");
                var n_messages = topnavi_nodes.length;
                var put = '<table border="0" cellpadding="5">';
                for (k = 0; k < n_messages; k++) {
                        var message_node = topnavi_nodes[k].getElementsByTagName("message");
                        put += message_node[0].firstChild.nodeValue;
                }
                put += '</table>';
                document.getElementById('newsfeedtarget').innerHTML += put;
        }
}


function getNews() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/newsfeed.php', true);
                receiveReq.onreadystatechange = handleGetNews;
                receiveReq.send(null);
        }
}

function handleGetNews() {
	if (receiveReq.readyState == 4)
	{
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("newsfeed");
                var n_messages = topnavi_nodes.length;
                var put = '<table border="0" cellpadding="5">';
                for (k = 0; k < n_messages; k++) {
                        var message_node = topnavi_nodes[k].getElementsByTagName("message");
                        put += message_node[0].firstChild.nodeValue;
                }
		put += '</table>';
                document.getElementById('newsfeedtarget').innerHTML = put;
	}
}

function getFavorites() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/favorites.php?id=' + document.getElementById('picid').value, true);
                receiveReq.onreadystatechange = handleGetFavorites;
                receiveReq.send(null);
        }
}

function handleGetFavorites() {
        if (receiveReq.readyState == 4)
	{
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("fav");
                var n_messages = topnavi_nodes.length;
                var put = '';
                for (k = 0; k < n_messages; k++) {
                        var favorite_node = topnavi_nodes[k].getElementsByTagName("favorite");
                        put += favorite_node[0].firstChild.nodeValue;
                }
                document.getElementById('favorites').innerHTML = put;
	}
}

function getJComments() {
	if (journalcomment != '0') {
	        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
       	        	receiveReq.open("GET", '/inc/ajax/commentsj.php?id=' + journalcomment, true);
                	receiveReq.onreadystatechange = handleGetJComments;
                	receiveReq.send(null);
        	}
	}
}

function handleGetJComments() {
        if (receiveReq.readyState == 4)
        {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("cc");
                var n_messages = topnavi_nodes.length;
                var put = '';
                for (k = 0; k < n_messages; k++) {
                        var comment_node = topnavi_nodes[k].getElementsByTagName("comment");
                        put += comment_node[0].firstChild.nodeValue;
                }
                document.getElementById('comments-' + journalcomment).innerHTML = put;
		journalcomment = '0';
        }
}


function getComments() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/comments.php?id=' + document.getElementById('picid').value, true);
                receiveReq.onreadystatechange = handleGetComments;
                receiveReq.send(null);
        }
}

function handleGetComments() {
	if (receiveReq.readyState == 4)
	{
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("cc");
                var n_messages = topnavi_nodes.length;
		var put = '';
                for (k = 0; k < n_messages; k++) {
                        var comment_node = topnavi_nodes[k].getElementsByTagName("comment");
			put += comment_node[0].firstChild.nodeValue;
		}
		document.getElementById('comments').innerHTML = put;
	}
}

function cpEditPage(id) {
	if (receiveReq.readyState == 4 || receiveReq.readyState == 0) { 
		Effect.Appear('editpage', { duration: 0.2 });
	 	document.getElementById('pages_1').style.opacity = '0.2';
		document.getElementById('savesettings').style.opacity = '0.2';
                receiveReq.open("GET", '/inc/ajax/page.php?id=' + id, true);
                receiveReq.onreadystatechange = handleCpEditPage;
                receiveReq.send(null);
        }

}

function handleCpEditPage() {
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("page");
                var n_messages = topnavi_nodes.length;
                var put = '';
                for (k = 0; k < n_messages; k++) {
                        var masterid_node = topnavi_nodes[k].getElementsByTagName("masterid");
                        var title_node = topnavi_nodes[k].getElementsByTagName("title");
                        var type_node = topnavi_nodes[k].getElementsByTagName("type");
                        var published_node = topnavi_nodes[k].getElementsByTagName("published");
                        var shortname_node = topnavi_nodes[k].getElementsByTagName("shortname");
			var topnavi_node = topnavi_nodes[k].getElementsByTagName("topnavi");
			var showtitle_node = topnavi_nodes[k].getElementsByTagName("showtitle");
			if(published_node[0].firstChild.nodeValue == '1') 
			{
				var publishstate = ' checked';
			} else {
				var publishstate = '';
			}
			if(topnavi_node[0].firstChild.nodeValue == '1')
			{
				var topnavistate = ' checked';
			} else {
				var topnavistate = '';
			}

			if(showtitle_node[0].firstChild.nodeValue == '1')
			{
				var showtitle = ' checked';
			} else {
				var showtitle = '';
			}

			put += '<input type="hidden" id="cp_edit_type" value="' + type_node[0].firstChild.nodeValue + '"><input type="hidden" id="cp_edit_id" value="' + masterid_node[0].firstChild.nodeValue + '"><div class="cp_titledesc"><div class="cp_title">Page title</div><div class="cp_desc">Change the page title (visible in the title bar of the browser and in the navigation)..</div></div><div class="cp_field"><input class="inputfield2" type="text" style="font-size: 16px;" id="cp_edit_title" value="' + title_node[0].firstChild.nodeValue + '" onfocus="fieldCheck(\'cp_edit_title\',\'Page title\',\'focus\');" onblur="fieldCheck(\'cp_edit_title\',\'Page title\',\'blur\');"></div><div style="margin-left: 20px;"><table border="0"><tr><td width="20"><input type="checkbox" id="cp_edit_showtitle"' + showtitle + '></td><td style="font-size: 12px;">Show the title at the top of the page</td></tr></table></div>';
			if(type_node[0].firstChild.nodeValue == '1')
			{
				put += '<div class="cp_titledesc"><div class="cp_title">Page shortname</div><div class="cp_desc">The shortname is visible in the web address (URL) to the page. It cannot be more than 20 characters long, and must only contain letters between a-z.</div></div><div class="cp_field">http://' + host + '/p/<input class="inputfield2" style="width: 150px;" type="text" id="cp_edit_url" value="' + shortname_node[0].firstChild.nodeValue + '" onfocus="fieldCheck(\'cp_edit_url\',\'shortname\',\'focus\');" onblur="checkShortname();" fieldCheck(\'cp_edit_url\',\'shortname\',\'blur\');"></div>';
			}
			put += '<div class="cp_titledesc"><div class="cp_title">Publish</div><div class="cp_desc">Only you will be able to access a page that is not published.</div></div><div class="cp_field"><table border="0"><tr><td width="18"><input type="checkbox" id="cp_edit_publish"' + publishstate +'></td><td style="font-size: 11px;">Publish this page</td></tr></table></div>';
			put += '<div class="cp_titledesc"><div class="cp_title">Top navigation</div><div class="cp_desc">You can publish this in the top navigation if you want your visitors to be able to find the page without you linking to it.</div></div><div class="cp_field"><table border="0"><tr><td width="18"><input type="checkbox" id="cp_edit_topnavi"' + topnavistate +'></td><td style="font-size: 11px;">Visible in top navigation</td></tr></table></div>';
		}
		put += '<div class="popupbutton">';
		if(type_node[0].firstChild.nodeValue == '1')
		{
			put += '<a href="javascript: void(0);" onclick="deletePage();" class="button"><span>Delete page</span></a> ';
		}
		put += '<a href="javascript: void(0);" onclick="abortCpEditPage();" class="button"><span>Discard changes</span></a> <a href="javascript: void(0);" onclick="saveCpEditPage();" class="button"><span>Save changes</span></a></div><br /><br /><br />';
		document.getElementById('editpagediv').innerHTML = put;
	}
}

function deletePage() {
	var agree=confirm("Are you sure you want to delete this page?");
	if(agree)
	{
        	if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                	receiveReq.open("GET", '/inc/ajax/delpage.php?id=' + document.getElementById('cp_edit_id').value, true);
               		receiveReq.onreadystatechange = handleDeletePage;
        	        receiveReq.send(null);
	        }
		
	} 
}

function handleDeletePage() {
	if (receiveReq.readyState == 4) {
		abortCpEditPage();
		setTimeout('getPages();',500);
	}
}

function abortCpEditPage() {
	Effect.Fade('editpage', { duration: 0.2 });
	document.getElementById('pages_1').style.opacity = '1';
	document.getElementById('savesettings').style.opacity = '1';
}

function confSwitch(to) {
	
	var toelement = 'button_' + to;
	var fromelement = 'button_' + config;
	var todivelement = 'settings_' + to;
	var fromdivelement = 'settings_' + config;

	if(to != config)
	{
		document.getElementById(toelement).setAttribute("class", "settingsactive");
		document.getElementById(fromelement).setAttribute("class", "settings");
		document.getElementById(fromdivelement).style.display = 'none';
		document.getElementById(todivelement).style.display = 'block';
		config = to;
	}

}

function createNewPage()  {
	if (sendReq.readyState == 4 || sendReq.readyState == 0) {
                sendReq.open("POST", '/inc/ajax/newpage.php', true);
                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                sendReq.onreadystatechange = handleCreateNewPage;
                var param = 'do=createpage';
                sendReq.send(param);
	}
}

function handleCreateNewPage() {
	if (sendReq.readyState == 4) {
		createpage = '1';
		getPages();
	}
}

function saveCpEditPage() {
        if (sendReq.readyState == 4 || sendReq.readyState == 0) {
               	if(document.getElementById('cp_edit_publish').checked == '1') { var cp_edit_publish = 'on'; } else { var cp_edit_publish = 'off'; }
               	if(document.getElementById('cp_edit_topnavi').checked == '1') { var cp_edit_topnavi = 'on'; } else { var cp_edit_topnavi = 'off'; }
		if(document.getElementById('cp_edit_showtitle').checked == '1') { var cp_edit_showtitle = 'on'; } else { cp_edit_showtitle = 'off'; }
                sendReq.open("POST", '/inc/ajax/savepage.php?id=' + document.getElementById('cp_edit_id').value, true);
                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                sendReq.onreadystatechange = handleSaveCpEditPage;
                var param = 'cp_edit_title=' + encodeURIComponent(document.getElementById('cp_edit_title').value);
		if(document.getElementById('cp_edit_type').value == '1') {
                	param += '&cp_edit_url=' + document.getElementById('cp_edit_url').value;
		}
		param += '&cp_edit_publish=' + cp_edit_publish;
                param += '&cp_edit_topnavi=' + cp_edit_topnavi;
		param += '&cp_edit_showtitle=' + cp_edit_showtitle;
                sendReq.send(param);
	}
}

function handleSaveCpEditPage() {
	if (sendReq.readyState == 4)
	{
		abortCpEditPage();
		setTimeout('getPages();',500);
	}
}

function saveConfig() {
	saved = '1';
        if (sendReq.readyState == 4 || sendReq.readyState == 0) {
		document.getElementById('controlpanelstatus').innerHTML = 'Saving...';

		if(document.getElementById('cp_anoncomment').checked == '1') { var cp_anoncomment = 'on'; } else { var cp_anoncomment = 'off'; }
		if(document.getElementById('cp_authcomment').checked == '1') { var cp_authcomment = 'on'; } else { var cp_authcomment = 'off'; }
		if(document.getElementById('cp_guestbook').checked == '1') { var cp_guestbook = 'on'; } else { var cp_guestbook = 'off'; }
		if(document.getElementById('cp_published').checked == '1') { var cp_published = 'on'; } else { var cp_published = 'off'; }
		if(document.getElementById('cp_authfav').checked == '1') { var cp_authfav = 'on'; } else { var cp_authfav = 'off'; }
		if(document.getElementById('cp_centernavi').checked == '1') { var cp_centernavi = 'on'; } else { var cp_centernavi = 'off'; }
		if(document.getElementById('cp_homebutton').checked == '1') { var cp_homebutton = 'on'; } else { var cp_homebutton = 'off'; }
		if(document.getElementById('cp_fullheight').checked == '1') { var cp_fullheight = 'on'; } else { var cp_fullheight = 'off'; }
		if(document.getElementById('cp_logospace').checked == '1') { var cp_logospace = 'on'; } else { cp_logospace = 'off'; }
		if(document.getElementById('cp_facebook') != null)
		{
			if(document.getElementById('cp_facebook').checked == '1') { var cp_facebook = 'on'; } else { var cp_facebook = 'off'; }
		} else {
			var cp_facebook = 'off';
		}
		//if(document.getElementById('cp_anoncomment').checked == '1') { var cp_anoncomment = 'on'; } else { var cp_anoncomment = 'off'; }
		//if(document.getElementById('cp_anoncomment').checked == '1') { var cp_anoncomment = 'on'; } else { var cp_anoncomment = 'off'; }

                sendReq.open("POST", '/ajax/saveconf.php', true);
                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                sendReq.onreadystatechange = handleSaveConfig;
                var param = 'cp_title=' + encodeURIComponent(document.getElementById('cp_title').value);
		param += '&cp_lang=' + document.getElementById('cp_lang').value;
		param += '&cp_urchintracker=' + document.getElementById('cp_urchintracker').value;
		param += '&cp_anoncomment=' + cp_anoncomment;
		param += '&cp_authcomment=' + cp_authcomment;
		param += '&cp_authfav=' + cp_authfav;
		param += '&cp_guestbook=' + cp_guestbook;
		param += '&cp_custom=' + document.getElementById('cp_custom').value;
		param += '&cp_centernavi=' + cp_centernavi;
		param += '&cp_published=' + cp_published;
		param += '&cp_theme=' + document.getElementById('cp_theme').value;
		param += '&cp_logospace=' + cp_logospace;
		param += '&cp_front=' + document.getElementById('cp_front').value;
		param += '&cp_front_albumid=' + document.getElementById('cp_front_albumid').value;
		param += '&cp_front_id=' + document.getElementById('cp_front_id').value;
		param += '&cp_facebook=' + cp_facebook;
		param += '&cp_homebutton=' + cp_homebutton;
		param += '&cp_fullheight=' + cp_fullheight; 
		var order = '';
                var uoDiv = document.getElementById('pagesul');
                if(uoDiv.firstChild) {
                        var uoChild = uoDiv.firstChild;
                        while(uoChild) {
                                if(uoChild.nodeType==1) {
					var publishedpage = 'publish-' + uoChild.id;
					if(document.getElementById(publishedpage).checked == '1') { var dopublish = '1'; } else { var dopublish = '0'; }
                                        order += uoChild.id + ',' + dopublish + ':';
                                }
                                uoChild = uoChild.nextSibling;
                        }
                }
		param += '&cp_pages=' + order;
                sendReq.send(param);
        }

}

function handleSaveConfig() {
	if (sendReq.readyState == 4)
	{
		document.getElementById('controlpanelstatus').innerHTML = '<b>Saved.</b> &nbsp;<a href="javascript:void(0)" onclick="checkChanges();">Close control panel</a>';
	}
}

function saveImage(id,box) {
	var button = 'button-' + id;
	var buttonspan = 'buttonspan-' + id;
	document.getElementById(button).style.opacity = '0.3';
	document.getElementById(buttonspan).innerHTML = 'Saving...';
	document.getElementById(button).onclick = nullAction();
	doSaveImage(id,box);
}

function registerChange() {
	saved = '0';
}

function checkChanges() {
	if(saved == '0')
	{
        	var agree=confirm("Any changes you have made that you have not saved will be discarded. Continue?");
		if(agree) {
			closecontrolpanel();
		}
	} else {
		closecontrolpanel();
		window.location.href=window.location.href;

	}
}

function controlpanel() {
	fadeon('controlpanel');
        var setwidth = (parseInt(myWidth)/2)-400;
        document.getElementById('controlpanel').style.maxHeight = myHeightLimit + 'px';
        document.getElementById('controlpanel').style.display = 'block';
        document.getElementById('controlpanel').style.left = setwidth + 'px';
	setTimeout('getPages();',500);
	setTimeout('getApps();',700);
}

function closecontrolpanel() { 
	fadeoff('controlpanel');
	document.getElementById('controlpanel').style.display = 'none';
}

function doSaveImage2() {
	document.getElementById('imgpropertiesb').style.opacity = '0.3';
        if (sendReq.readyState == 4 || sendReq.readyState == 0) {
		if(document.getElementById('edit_delete').checked == '1') { photodiraction = 'deleted'; var deletevalue = 'on'; } else { var deletevalue = 'off'; photodiraction = 'saved'; }
		if(document.getElementById('edit_visible').checked == '1') { var visiblevalue = 'on'; } else { var visiblevalue = 'off'; }
		photodiractionid = document.getElementById('imageid').value;
                sendReq.open("POST", '/ajax/saveimage.php?id=' + document.getElementById('imageid').value, true);
                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                sendReq.onreadystatechange = handleDoSaveImage2;
                var param = 'title=' + encodeURIComponent(document.getElementById('edit_title').value);
                param += '&desc=' + encodeURIComponent(document.getElementById('edit_desc').value);
                param += '&visible=' + visiblevalue;
		param += '&delete=' + deletevalue;
                sendReq.send(param);
        }
}

function handleDoSaveImage2() {
        if (sendReq.readyState == 4) {
		closePopup2();
		if(uploadpicsactive == 1)
		{
			document.getElementById('photodiraction').innerHTML = '<b>Photo #' + photodiractionid + ' ' + photodiraction + '</b>';
			Effect.Appear('photodiraction');
			getImages();
			setTimeout('hidePhotoDirAction();',5000);
			photodiractionid = '';
			photodiraction = '';
		} else {
			window.location.href=window.location.href + '/saved/';
		}
        }
}

function hidePhotoDirAction() {
	Effect.Fade('photodiraction');
}

function doSaveImage(id,box) {
	if (sendReq.readyState == 4 || sendReq.readyState == 0) {
		var title = 'title-' + id;
		var description = 'desc-' + id;
		var visible = 'visible-' + id;
		if(document.getElementById(visible).checked == '1') { var visiblevalue = 'on'; } else { var visiblevalue = 'off'; }
       		sendReq.open("POST", '/ajax/saveimage.php?id=' + id, true);
        	sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        	sendReq.onreadystatechange = handleDoSaveImage;
        	var param = 'title=' + encodeURIComponent(document.getElementById(title).value);
		param += '&desc=' + encodeURIComponent(document.getElementById(description).value);
		param += '&visible=' + visiblevalue;
        	sendReq.send(param);
		saveimg = box;
	}
}

function handleDoSaveImage() {
        if (sendReq.readyState == 4) {
		if(saveimg != '0')
		{
			var box = 'box-' + saveimg;
			Effect.Fade(box);
			saveimg = '0';
			newuploads = newuploads - 1;
			if(newuploads == 0)
			{
				Effect.Fade('uploadsdiv', { duration: 1.0 });
			}
		}
        }
}


function deleteObject() {
	if(deletemode == '0')
	{
		deletemode = '1';
		document.getElementById('deletebutton').innerHTML = 'Abort delete';
	} else {
		deletemode = '0';
		document.getElementById('deletebutton').innerHTML = 'Delete objects';
	}
}

function selectCover(id) {
	document.getElementById('img-' + id).style.border = '4px solid #666'; 
	var oldcover = document.getElementById('cover').value;
	if(oldcover != '0')
	{
		document.getElementById('img-' + oldcover).style.border = '4px solid #333';
	}
	document.getElementById('cover').value = id;
	selectGalleryCover();
}

function doAddImagesToGallery() {
	// selectimageshidden
	var order = '';

	document.getElementById('finishspan').innerHTML = 'Saving...';
	document.getElementById('finisha').style.opacity = '0.7';
                var oDiv = document.getElementById('selectimageshidden');
                if(oDiv.firstChild) {
                        var oChild = oDiv.firstChild;
                        while(oChild) {
                                if(oChild.nodeType==1) {
					if(document.getElementById(oChild.id).value == '1')
					{
                                        	order += oChild.id + ':';
					}
                                }
                                oChild = oChild.nextSibling;
                        }
                }

                sendReq.open("POST", '/ajax/imagestogallery.php?id=' + document.getElementById('gallery_id').value, true);
                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                sendReq.onreadystatechange = handleDoAddImagesToGallery;
                var param = 'images=' + encodeURIComponent(order);
                sendReq.send(param);
}

function handleDoAddImagesToGallery() {
	if (sendReq.readyState == 4) {
	closePopup2();
		setTimeout('getGalleryImages();',500);
	}
}

function aselectGalleryCover() {
        document.getElementById('popupdiv2').innerHTML = '<input type="hidden" id="paneltype" value="cover"><div class="popupheader" id="imageheader">Select a gallery cover</div>';
        document.getElementById('popupdiv2').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Make the selection</div><div class="cp_desc">Click on the image you wish to select as gallery cover.</div></div>';
        document.getElementById('popupdiv2').innerHTML += '<div style="padding: 15px;" id="selectimages"></div><div id="selectimageshidden"></div>';
        setTimeout('getSelectedImages();',500);
        showPopup2();
}

function selectGalleryCover() {
	if(selcover == '0')
	{
		document.getElementById('selectgallerycover').innerHTML = 'Abort cover selection';
		alert('Click on an image below to set it as gallery cover.');
		selcover = '1';
	} else {
		selcover = '0';
		document.getElementById('selectgallerycover').innerHTML = 'Select gallery cover';
	}
}

function onclickCover(id) {
	if(selcover == '1')
	{
		selectCover(id);
	}
}

function addImagesToGallery() {
	document.getElementById('popupdiv2').innerHTML = '<input type="hidden" id="paneltype" value="addremove"><div class="popupheader" id="imageheader">Add and remove images for gallery</div>';
	document.getElementById('popupdiv2').innerHTML += '<div style="padding: 15px;"><a href="javascript:void(0);" onclick="doAddImagesToGallery();" class="button" id="finisha"><span id="finishspan">Finished with selection</span></a><br /></div>';
	document.getElementById('popupdiv2').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Make the selection</div><div class="cp_desc">Checked images are not selected for your gallery. Click on them to add them to the gallery. The reversed procedure will remove an image from the gallery.</div></div>';
	document.getElementById('popupdiv2').innerHTML += '<div style="padding: 15px;" id="selectimages"></div><div id="selectimageshidden"></div>';
	setTimeout('getSelectedImages();',500);
	showPopup2();
}

function imageProperties(id) {
	document.getElementById('popupdiv2').innerHTML = '<div class="popupheader" id="imageheader">Image properties #' + id + '</div>';
	document.getElementById('popupdiv2').innerHTML += '<div style="padding: 15px;"><table border="0" width="100%"><tr><td valign="top" width="20"><img onclick="displayImage(\'' + id + '\');" src="http://my.1x.com/media/medium/' + id + '.jpg" id="propimage" class="imgproperties"><div id="uniqueviews" style="font-size: 12px; margin-top: 10px;"></div></td><td width="20">&nbsp;</td><td valign="top"><div id="imageproperties2"></div></td></tr></table></div>';
	showPopup2();

	getImageProperties(id);
}

function getImageProperties(id) {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/image.php?id=' + id, true);
                receiveReq.onreadystatechange = handleGetImageProperties;
                receiveReq.send(null);
        }
}

function imagePropertiesUrl() {
        if(document.getElementById('edit_visible').checked == '1')
        {
                document.getElementById('url').style.display = 'block';
        } else {
                document.getElementById('url').style.display = 'none';
        }
}

function imagePropertiesDelete() {
	if(document.getElementById('edit_delete').checked == '1')
	{
		document.getElementById('delete').style.display = 'block';
		document.getElementById('propimage').style.opacity = '.2';
		document.getElementById('hide2').style.opacity = '.2';
		document.getElementById('hide3').style.opacity = '.2';
		document.getElementById('hide4').style.opacity = '.2';
		document.getElementById('url').style.opacity = '.2';
	} else {
		document.getElementById('delete').style.display = 'none';
		document.getElementById('propimage').style.opacity = '1';
		document.getElementById('hide2').style.opacity = '1';
		document.getElementById('hide3').style.opacity = '1';
		document.getElementById('hide4').style.opacity = '1';
		document.getElementById('url').style.opacity = '1';
	}
}

function handleGetImageProperties() {
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("img");
                var n_messages = topnavi_nodes.length;
		var put = '';
                for (k = 0; k < n_messages; k++) {
                        var photoid_node = topnavi_nodes[k].getElementsByTagName("photoid");
			var title_node = topnavi_nodes[k].getElementsByTagName("title");
			var desc_node = topnavi_nodes[k].getElementsByTagName("desc");
			var visible_node = topnavi_nodes[k].getElementsByTagName("visible");
			var views_node = topnavi_nodes[k].getElementsByTagName("views");
                }
		if(photoid_node[0].firstChild.nodeValue) 
		{
			document.getElementById('uniqueviews').innerHTML = 'This picture has been viewed <b>' + views_node[0].firstChild.nodeValue + '</b> unique times.';
			if(title_node[0].firstChild.nodeValue == 'false') { title_node[0].firstChild.nodeValue = 'Photo title'; } 
			if(desc_node[0].firstChild.nodeValue == 'false') { desc_node[0].firstChild.nodeValue = 'Photo description'; }
			if(visible_node[0].firstChild.nodeValue == '1') { var visiblestate = 'checked'; var visiblestate2 = ' style="display: block;"'; } else { var visiblestate = ''; var visiblestate2 = ''; }

			document.getElementById('imageproperties2').innerHTML = '<input type="hidden" id="imageid" value="' + photoid_node[0].firstChild.nodeValue + '"><div id="hide2"><div><input class="inputfield2" style="font-size: 18px;" type="text" id="edit_title" value="' + title_node[0].firstChild.nodeValue + '" onfocus="fieldCheck(\'edit_title\',\'Photo title\',\'focus\');" onblur="fieldCheck(\'edit_title\',\'Photo title\',\'blur\');"></div><div style="margin-top: 5px;"><textarea class="inputfield2" type="text" id="edit_desc" onfocus="fieldCheck(\'edit_desc\',\'Photo description\',\'focus\');" onblur="fieldCheck(\'edit_desc\',\'Photo description\',\'blur\');" style="height: 180px; width: 95%;">' + desc_node[0].firstChild.nodeValue + '</textarea></div></div><div style="margin-top: 5px;"><table border="0"><tr onclick="imagePropertiesUrl();" ><td width="15" id="hide3"><input type="checkbox" id="edit_visible"' + visiblestate + '></td><td style="font-size: 12px;" id="hide4"><label for="edit_visible">Published</label></td></tr><tr onclick="imagePropertiesDelete();"><td><input type="checkbox" id="edit_delete"></td><td style="font-size: 12px;"><label for="edit_delete">Delete this photo</label></td></tr></table></div></div>';


			document.getElementById('imageproperties2').innerHTML += '<div class="publicurl" id="url"' + visiblestate2 + '>URL to this image: <b>http://' + host + '/photo/' + photoid_node[0].firstChild.nodeValue + '</b></div>';

			document.getElementById('imageproperties2').innerHTML += '<div class="publicurl" style="display: none;" id="delete">The image will be deleted when you click &quot;Save&quot; below.</div>';

			document.getElementById('imageproperties2').innerHTML += '<div class="popupbutton" id="imgpropertiesb"><a href="javascript: void(0);" onclick="doSaveImage2()" class="button"><span>Save changes</span></a> <a href="javascript: void(0);" onclick="closePopup2()" class="button"><span>Close without saving</span></a></div>';

		} else {
			document.getElementById('imageproperties2').innerHTML = 'The image cannot be found!';
			document.getElementById('imageproperties2').innerHTML += '<div class="popupbutton"><a href="javascript: void(0);" onclick="closePopup2()" class="button"><span>Close</span></a></div>';
		}
		
        }
}

function displayImage(id) {
	document.getElementById('fade3').style.display = 'block';	
	document.getElementById('imageviewer').innerHTML = '<img src="http://my.1x.com/media/' + id + '-F.jpg" onclick="hideImage()" id="displayimage" onload="displayImage2();">';
}

function displayImage2() {
	var imgwidth = document.getElementById('displayimage').width;
	var imgheight = document.getElementById('displayimage').height;
        var right = (myWidth/2)-(imgwidth/2);
        var top = ((myHeight/2)-(imgheight/2))-20;

	
	document.getElementById('imageviewer').style.top = top + 'px';
	document.getElementById('imageviewer').style.right = right + 'px';

	document.getElementById('imageviewer').style.display = 'block';
}

function hideImage() {
	fadeoff('image');
	document.getElementById('imageviewer').style.display = 'none';
	document.getElementById('fade3').style.display = 'none';
}

function deleteGalleryCat(id) {
        var agree=confirm("Are you sure you want to delete the gallery category? It will be deleted immediately and galleries within it will be moved to Uncategorized.");
        if(agree) {
                if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                        receiveReq.open("GET", '/inc/ajax/deletegallerycat.php?id=' + id, true);
                        receiveReq.onreadystatechange = handleDeleteGalleryCat;
                        receiveReq.send(null);
                }
        }
}

function handleDeleteGalleryCat() {
        if (receiveReq.readyState == 4) {
                getGalleries();
        }
}


function deleteGallery(id) {
	var agree=confirm("Confirm that you want to delete the gallery. It cannot be undone.");
	if(agree) {
	        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
        	        receiveReq.open("GET", '/inc/ajax/deletegallery.php?id=' + id, true);
               		receiveReq.onreadystatechange = handleDeleteGallery;
                	receiveReq.send(null);
        	}
	}
}

function handleDeleteGallery() {
	if (receiveReq.readyState == 4) {
		getGalleries();
	}
}

function clickAction(id) {
	var clickobject = 'object-' + id;
	var linkobject = 'link-object-' + id;
	if(deletemode == '1')
	{
		var agree = confirm("Are you sure you want to delete this object? If you want to turn off delete mode, click \"Abort delete\" in the toolbox.");
		if(agree)
		{
			document.getElementById(clickobject).contentEditable = "false";
       	 		var d = document.getElementById('custompage');
		        var olddiv = document.getElementById(clickobject);
       		 	d.removeChild(olddiv);
			// deleteObject();
			var deletedobjects = document.getElementById('deletedobjects').value;
			if(document.getElementById(linkobject) == null)
			{
				document.getElementById('deletedobjects').value = deletedobjects + ':' + id;
			}
		}
	}
}

function saveProperties(page) {
	document.getElementById('propertiesspan').innerHTML = 'Saving...';
        sendReq.open("POST", '/ajax/properties_save.php', true);
        sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        sendReq.onreadystatechange = handleSaveProperties;
        var param = 'from_page=' + encodeURIComponent(page);

	if(page == 'gallery' || page == 'galleryp')
	{
		if(document.getElementById('thumbsize1').checked)
		{
			var thumbsize = '1';
		}
                
		if(document.getElementById('thumbsize2').checked)                
		{
                        var thumbsize = '2';
		}

                if(document.getElementById('thumbsize3').checked)                
		{
                        var thumbsize = '3';
		}

	}

        if(page == 'gallery')
        {
		if(document.getElementById('published').checked == '1') { var gpublished = '0'; } else { var gpublished = '1'; }
		if(document.getElementById('titles').checked == '1') { var gtitles = '1'; } else { var gtitles = '0'; }
		param += '&thumbsize=' + encodeURIComponent(thumbsize);
		param += '&gallery_id=' + document.getElementById('gallery_id').value;
		var order = '';
                var uoDiv = document.getElementById('galleryimages');
                if(uoDiv.firstChild) {
                        var uoChild = uoDiv.firstChild;
                        while(uoChild) {
                                if(uoChild.nodeType==1) {
                                        order += uoChild.id + ':';
                                }
                                uoChild = uoChild.nextSibling;
                        }
                }

		param += '&galleryorder=' + order;
		param += '&cover=' + document.getElementById('cover').value;
		param += '&published=' + gpublished;
		param += '&titles=' + gtitles;
		param += '&galleryname=' + encodeURIComponent(document.getElementById('edit_gallery_name').value);
	}

	if(page == 'galleryp')
	{
		param += '&thumbsize=' + encodeURIComponent(thumbsize);
		// ASD
        
		var level1 = '';
		var level2 = '';
		var uncategorized = '';

                var uoDiv = document.getElementById('ul-sub-uncat');
                if(uoDiv.firstChild) {
                        var uoChild = uoDiv.firstChild;
                        while(uoChild) {
                                if(uoChild.nodeType==1) {
					uncategorized += uoChild.id + ':';
				}
				uoChild = uoChild.nextSibling;
			}
		}


		var oDiv = document.getElementById('master');
                if(oDiv.firstChild) {
                        var oChild = oDiv.firstChild;
                        while(oChild) {
                                if(oChild.nodeType==1) {

				level1 += oChild.id + ':';
					
				// BEGIN SECOND RUN

		                var ooDiv = document.getElementById(oChild.id);
                		if(ooDiv.firstChild) {
                        		var ooChild = ooDiv.firstChild;
                        		while(ooChild) {
                                		if(ooChild.nodeType==1) {

						// BEGIN THIRD RUN


                                var oooDiv = document.getElementById(ooChild.id);
                                if(oooDiv.firstChild) {
                                        var oooChild = oooDiv.firstChild;
                                        while(oooChild) {
                                                if(oooChild.nodeType==1) {
							if(oooChild.id) {
								level2 += oooChild.id + '/' + oChild.id + ':';
							}
                                                }
                                                oooChild = oooChild.nextSibling;
					}
				}


						// END THIRD RUN

                                		}
                                		ooChild = ooChild.nextSibling;
                        		}
                		}

				// END SECOND RUN

                                }
                                oChild = oChild.nextSibling;
                        }
                }

	}

	if(document.getElementById('blocklatest') != null)
	{
	if(document.getElementById('blocklatest').checked == '1')
	{
		var blocklatest = 'on';
	} else {
		var blocklatest = 'off';
	}
	} else {
		var blocklatest = 'off';
	}
	param += '&blocklatest=' + blocklatest;

	param += '&level1=' + encodeURIComponent(level1);
	param += '&level2=' + encodeURIComponent(level2);
	param += '&uncategorized=' + encodeURIComponent(uncategorized);
	sendReq.send(param);
}

function handleSaveProperties()
{
        if (sendReq.readyState == 4) {
		document.getElementById('propertiesspan').innerHTML = '<b>Changes saved</b>';
	}
}

function addGallery() {
	Effect.Appear('newgallery', { duration: 1.0 });
	Effect.Fade('popupbutton', { duration: 1.0, to: 0.3 });
}

function abortAddGallery() {
	Effect.Fade('newgallery', { duration: 1.0 });
	Effect.Appear('popupbutton', { duration: 1.0, to: 1.0 });
}

function doAddGallery() {
	if(document.getElementById('new_gallery_name').value != 'Enter a gallery name')
	{
        	Effect.Fade('newgallery', { duration: 1.0 });
        	Effect.Appear('popupbutton', { duration: 1.0, to: 1.0 });
	        sendReq.open("POST", '/ajax/addgallery.php', true);
        	sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        	sendReq.onreadystatechange = handleDoAddGallery;
		var param = 'galleryname=' + encodeURIComponent(document.getElementById('new_gallery_name').value);
		sendReq.send(param);
		document.getElementById('new_gallery_name').value = 'Enter a gallery name';
	} else {
		alert("You must enter a gallery name!");
	}
}

function handleDoAddGallery() {
	if (sendReq.readyState == 4) {
		getGalleries();
	}
}

function addGalleryCat() {
        Effect.Appear('newgallerycat', { duration: 1.0 });
        Effect.Fade('popupbutton', { duration: 1.0, to: 0.3 });
}

function abortAddGalleryCat() {
        Effect.Fade('newgallerycat', { duration: 1.0 });
        Effect.Appear('popupbutton', { duration: 1.0, to: 1.0 });
}

function doAddGalleryCat() {
        if(document.getElementById('new_gallerycat_name').value != 'Enter a gallery category name')
        {
                Effect.Fade('newgallerycat', { duration: 1.0 });
                Effect.Appear('popupbutton', { duration: 1.0, to: 1.0 });
                sendReq.open("POST", '/ajax/addgallerycat.php', true);
                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                sendReq.onreadystatechange = handleDoAddGalleryCat;
                var param = 'gallerycatname=' + encodeURIComponent(document.getElementById('new_gallerycat_name').value);
                sendReq.send(param);
                document.getElementById('new_gallerycat_name').value = 'Enter a gallery category name';
        } else {
                alert("You must enter a gallery category name!");
        }
}

function handleDoAddGalleryCat() {
        if (sendReq.readyState == 4) {
                getGalleries();
        }
}


function fieldCheck(id,defvalue,action) {
	if(action == 'focus')
	{
		if(document.getElementById(id).value == defvalue)
		{
			document.getElementById(id).value = '';
		}
	}
	if(action == 'blur')
	{
		if(document.getElementById(id).value == '')
		{
			document.getElementById(id).value = defvalue;
		}
	}
}

function showNews() {
	document.getElementById('popupdiv').innerHTML = '<div class="popupheader"><img src="http://my1x.1x.com/img/close2.png" onclick="closePopup();" class="closeimg">News and updates</div>';
	document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Newsfeed</div><div class="cp_desc">All news related to your homepage</div></div>';
	document.getElementById('popupdiv').innerHTML += '<div id="newsfeedtarget" class="cp_field" style="font-size: 12px;">Fetching news...</div>';
	document.getElementById('popupdiv').innerHTML += '<div class="cp_field" style="font-size: 12px;"><a class="button" onclick="getOlderNews();" href="javascript: void(0);"><span>Get older news</span></a></div><br /><br /><br />';
	showPopup();
	getNews();
}

function pageProperties(page) {
	reload = '1';
	document.getElementById('popupdiv').innerHTML = '<div class="popupheader">Properties</div>';
        document.getElementById('popupdiv').innerHTML += '<div style="padding: 10px;">';
	document.getElementById('popupdiv').innerHTML += '<div style="padding: 0px 20px 0px 20px;">';
	document.getElementById('popupdiv').innerHTML += '<img src="http://my1x.1x.com/img/conf.png" class="popupicon" style="margin-right: 20px;" align="right"></div>';

	if(page == 'galleryp')
	{
		document.getElementById('popupdiv').innerHTML += '<div style="padding: 0px 20px 5px 20px; font-size: 16px;"><b>Configuring gallery overview page</b></div>';
	}

	if(page == 'gallery')
	{
		document.getElementById('popupdiv').innerHTML += '<div style="padding: 0px 20px 5px 20px; font-size: 16px;"><b>Configuring gallery ' + document.getElementById('gallery_name').value + '</b></div>';
	}

	if(page == 'galleryp')
	{
		document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Galleries and categories</div><div class="cp_desc">Re-order galleries by dragging them. Move them to another category by dropping them on the category title.</div></div><div style="padding: 10px 20px 0px 20px;"><div id="galleryorder">Fetching galleries...</div><div style="margin-top: 10px;margin-left: 10px;"><a href="javascript:void(0);" onclick="addGallery()" class="addlink"><img src="http://my1x.1x.com/img/add.png" border="0" class="addimg"> Add gallery</a>  <a href="javascript:void(0);" onclick="addGalleryCat()" class="addlink"><img border="0" class="addimg" src="http://my1x.1x.com/img/add.png"> Add gallery category</a></div></div>';
		setTimeout('getGalleries();',500);

		document.getElementById('popupdiv').innerHTML += '<div style="display: none; padding-top: 10px;" id="newgallery"><div class="cp_titledesc"><div class="cp_title">Add gallery</div><div class="cp_desc">Enter a name for your new gallery and then press &quot;Add&quot;.</div></div><div style="padding: 20px 20px 20px 20px;"><input class="inputfield" type="text" id="new_gallery_name" value="Enter gallery name" onfocus="fieldCheck(\'new_gallery_name\',\'Enter gallery name\',\'focus\');" onblur="fieldCheck(\'new_gallery_name\',\'Enter gallery name\',\'blur\');"><div class="popupbutton" style="display: block;"><a href="javascript: void(0);" onclick="doAddGallery();" class="button"><span>Add</span></a>  <a href="javascript: void(0);" onclick="abortAddGallery();" class="button"><span>Abort</span></a></div><br /><br /></div></div>';

		document.getElementById('popupdiv').innerHTML += '<div style="display: none; padding-top: 10px;" id="newgallerycat"><div class="cp_titledesc"><div class="cp_title">Add gallery category</div><div class="cp_desc">Enter a name for your new gallery category and then press &quot;Add&quot;.</div></div><div style="padding: 20px 20px 20px 20px;"><input class="inputfield" type="text" id="new_gallerycat_name" value="Enter gallery category name" onfocus="fieldCheck(\'new_gallerycat_name\',\'Enter gallery category name\',\'focus\');" onblur="fieldCheck(\'new_gallerycat_name\',\'Enter gallery category name\',\'blur\');"><div class="popupbutton" style="display: block;"><a href="javascript: void(0);" onclick="doAddGalleryCat();" class="button"><span>Add</span></a>  <a href="javascript: void(0);" onclick="abortAddGalleryCat();" class="button"><span>Abort</span></a></div><br /><br /></div></div>';

		if(document.getElementById('block_latest').value == '1')
		{
			var latestblocked = ' checked';
		}

		document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc" style="margin: 25px 0px 0px 0px;"><div class="cp_title">Other settings</div><div class="cp_desc">Miscellaneous settings</div></div><div class="cp_field"><table border="0" cellpadding="3"><tr><td width="15"><input type="checkbox" id="blocklatest"' + latestblocked + '></td><td class="cp_option"><label for="cp_blocklatest">Do not show &quot;All works&quot; on gallery page</label></td></tr></table></div>';

	}

	if(page == 'gallery') {
		if(document.getElementById('galleryp_publish').value == '1') { var publishstate = ''; } else { var publishstate = ' checked'; }
		if(document.getElementById('galleryp_titles').value != '1') { var titlesstate = ''; } else { var titlesstate = ' checked'; }
		document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Gallery name and publish state</div><div class="cp_desc">Change the name of your gallery here and decide if you want it to be published (publically visible).</div></div><div class="cp_field"><input class="inputfield2" type="text" style="font-size: 16px;" id="edit_gallery_name" value="' + document.getElementById('gallery_name').value + '" onfocus="fieldCheck(\'edit_gallery_name\',\'Gallery name\',\'focus\');" onblur="fieldCheck(\'edit_gallery_name\',\'Gallery name\',\'blur\');"><table style="margin-top: 10px;" border="0"><tr><td width="17"><input type="checkbox" id="published"' + publishstate + '></td><td style="font-size: 12px;">Published</td></tr><tr><td width="17"><input type="checkbox" id="titles"' + titlesstate + '></td><td style="font-size: 12px;">Show titles below thumbs in gallery</td></tr></table></div>';
		document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Add, remove, re-order images and set gallery cover</div><div class="cp_desc">Add and remove images to your gallery. Drag them around to change the order.</div></div><div style="padding: 15px;"><a href="javascript:void(0);" onclick="addImagesToGallery();" class="button"><span>Add and remove images</span></a> <a href="javascript:void(0);" onclick="selectGalleryCover();" class="button"><span id="selectgallerycover">Select gallery cover</span></a></div><div id="galleryimages" style="clear: both;padding: 10px;"></div>';
		setTimeout('getGalleryImages();', 500);
	}

	if(page == 'galleryp' || page == 'gallery')
	{
		var val1 = '';
		var val2 = '';
		var val3 = '';

		if(document.getElementById('galleryp_size').value == '1')
		{
			val1 = ' checked';
		}

		if(document.getElementById('galleryp_size').value == '2')
		{
			val2 = ' checked';
		}

		if(document.getElementById('galleryp_size').value == '3')
		{
			val3 = ' checked';
		}

		document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc" style="margin: 15px 0px 0px 0px;"><div class="cp_title">Thumbnail size</div><div class="cp_desc">Select which size you want on the thumbnails in this view.</div></div><div style="padding: 10px 20px 0px 20px;"><table border="0" cellpadding="2"><tr><td><img src="http://my1x.1x.com/img/icon_large.png" class="prefsthumbsize"></td><td><img src="http://my1x.1x.com/img/icon_medium.png" class="prefsthumbsize"></td><td><img src="http://my1x.1x.com/img/icon_small.png" class="prefsthumbsize"></td></tr><tr><td><center><input type="radio" id="thumbsize3" name="thumbsize" value="3"' + val3 + '></center></td><td><center><input type="radio" id="thumbsize2" name="thumbsize" value="2"' + val2 + '></center></td><td><center><input type="radio" id="thumbsize1" name="thumbsize" value="1"' + val1 + '></center></td></tr></table></div>';
	}

	document.getElementById('popupdiv').innerHTML += '</div>';
	document.getElementById('popupdiv').innerHTML += '<div style="float: left; position: relative; top: 30px; margin-left: 20px;" id="propertiesspan">&nbsp;</div><div class="popupbutton" id="popupbutton" style="display: block;"><a href="javascript: void(0);" onclick="saveProperties(\'' + page + '\');" class="button"><span>Save changes</span></a>  <a href="javascript: void(0);" onclick="closePopup()" class="button"><span>Close</span></a></div>';
	showPopup();
}


function mainLoop() {
}

function getApps() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/apps.php', true);
                receiveReq.onreadystatechange = handleGetApps;
                receiveReq.send(null);
        }
}

function getPages() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/pages.php?get=full', true);
                receiveReq.onreadystatechange = handleGetPages;
                receiveReq.send(null);
        }
}


function getGalleries()
{
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/galleries.php?get=full', true);
                receiveReq.onreadystatechange = handleGetGalleries;
                receiveReq.send(null);
        }
}

function galleryMove(from,to)
{
	var d_nested = document.getElementById(from); 
	var d = d_nested.parentNode;

	var oldcontent = d_nested.innerHTML;
	
	var throwawayNode = d.removeChild(d_nested);

	var toul = 'ul-' + to;

	document.getElementById(toul).innerHTML += '<li class="gallerydrop" id="' + from + '">' + oldcontent + '</li>';

Sortable.create(toul);
Sortable.create(d);

Droppables.add(to, {
  accept: 'gallerydrop',
  hoverclass: 'gallerydropdivhover',
  onDrop: function(dragged, dropped, event) {
        galleryMove(dragged.id,dropped.id);
  }
});

}

function handleGetGalleries()
{
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("galleries");
                var n_messages = topnavi_nodes.length;
                var put = '<ul><li class="masterli"><div class="gallerydropdiv" id="sub-uncat"><img class="masterliimg" src="http://my1x.1x.com/img/folder.png">Uncategorized</div>';
		var myDroppables=new Array();
		var mySortables=new Array();
		var createdul = '0';
                for (k = 0; k < n_messages; k++) {
                        var masterid_node = topnavi_nodes[k].getElementsByTagName("masterid");
			var mastername_node = topnavi_nodes[k].getElementsByTagName("mastername");
			var subul_node = topnavi_nodes[k].getElementsByTagName("subul");
			subul_node[0].normalize();

			if(masterid_node[0].firstChild.nodeValue != 'uncat')
			{
				if(createdul == '0')
				{
					createdul = '1';
					put += '</ul><ul id="master">';
				}
			} else {
				put += subul_node[0].firstChild.nodeValue;
			}

			if(createdul == '1')
			{
			
                        	put += '<li id="master-' + masterid_node[0].firstChild.nodeValue + '" class="masterli"><div class="gallerydropdiv" id="sub-' + masterid_node[0].firstChild.nodeValue + '"><img class="masterliimg" src="http://my1x.1x.com/img/folder.png">' + mastername_node[0].firstChild.nodeValue + '&nbsp; <a href="javascript:void(0)" onclick="deleteGalleryCat(\'' + masterid_node[0].firstChild.nodeValue + '\');" class="gallerydropa">Delete</a></div>';

				put += subul_node[0].firstChild.nodeValue;

				put += '</li>';
			}

			myDroppables[k] = 'sub-' + masterid_node[0].firstChild.nodeValue;
			mySortables[k] = 'ul-sub-' + masterid_node[0].firstChild.nodeValue;
        	}
		if(createdul == '0') { put += '</ul><ul id="master">'; }
		put += '</ul>';
        	document.getElementById('galleryorder').innerHTML = put;

Sortable.create('master');

for(sortloop = 0; sortloop < mySortables.length; sortloop++) {
	Sortable.create(mySortables[sortloop]);
}


for(droploop = 0; droploop < myDroppables.length; droploop++) {

Droppables.add(myDroppables[droploop], {
  accept: 'gallerydrop',
  hoverclass: 'gallerydropdivhover',
  onDrop: function(dragged, dropped, event) {
	galleryMove(dragged.id,dropped.id);
  }
});

}

	}
}

function uninstall(id,app) {
	var agree=confirm("Are you sure you want to uninstall this application?");
	if(agree)
	{
	        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
	                receiveReq.open("GET", '/inc/ajax/uninstall.php?app=' + id, true);
	                receiveReq.onreadystatechange = handleInstall;
	                receiveReq.send(null);
			document.getElementById('appssplash').innerHTML = 'Application "' + app + '" is now uninstalled.<br /><br />';
	        }
	}
}

function install(id,app) {
	if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
		receiveReq.open("GET", '/inc/ajax/install.php?app=' + id, true);
		receiveReq.onreadystatechange = handleInstall;
		receiveReq.send(null);
		document.getElementById('appssplash').innerHTML = 'Application "' + app + '" is now successfully installed. You must publish the page for this application before the visitors can see it (do it in the Pages-tab).<br /><br />';
	}
}

function handleInstall() {
	if (receiveReq.readyState == 4) {
		getApps();
		setTimeout('getPages();',500);
	}
}

function handleGetApps() 
{
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("apps");
                var n_messages = topnavi_nodes.length;
                var installed  = '<h3 style="margin-bottom: 7px;">Installed applications</h3><ul>';
		var notinstalled = '</ul><h3 style="margin-bottom: 7px; margin-top: 10px;">Not installed applications</h3><ul>';
		var cinstalled = 0;
		var cnotinstalled = 0;
                for (k = 0; k < n_messages; k++) {
                        var masterid_node = topnavi_nodes[k].getElementsByTagName("masterid");
                        var title_node = topnavi_nodes[k].getElementsByTagName("title");
                        var type_node = topnavi_nodes[k].getElementsByTagName("type");
                        var developer_node = topnavi_nodes[k].getElementsByTagName("developer");
                        var desc_node = topnavi_nodes[k].getElementsByTagName("desc");
			var shortname_node = topnavi_nodes[k].getElementsByTagName("shortname");
			var installed_node = topnavi_nodes[k].getElementsByTagName("installed");

                        if(installed_node[0].firstChild.nodeValue == '1')
			{
				installed += '<li class="pageli"><img src="http://my1x.1x.com/img/gear.gif" class="pageicon"> <b>' + title_node[0].firstChild.nodeValue + '</b> &nbsp;<span style="font-size: 11px;"><a href="javascript:void(0);" onclick="uninstall(\'' + masterid_node[0].firstChild.nodeValue + '\',\'' + title_node[0].firstChild.nodeValue + '\');">Uninstall</a></span> <div style="margin-left: 25px; margin-top: 3px; font-size: 10px;">' + desc_node[0].firstChild.nodeValue  + '</div></li>';
				cinstalled++;
			} else {
				notinstalled += '<li class="pageli"><img src="http://my1x.1x.com/img/gear.gif" class="pageicon"> <b>' + title_node[0].firstChild.nodeValue + ' </b> &nbsp;<span style="font-size: 11px;"><a href="javascript:void(0);" onclick="install(\'' + masterid_node[0].firstChild.nodeValue + '\',\'' + title_node[0].firstChild.nodeValue + '\');">Install</a></span> <div style="margin-left: 25px; margin-top: 3px; font-size: 10px;">' + desc_node[0].firstChild.nodeValue  + '</div></li>';
				cnotinstalled++;
			}
                }
		if(cinstalled == 0)
		{
			installed += '<li class="pageli"><i>No apps installed</i></li>';
		}
		if(cnotinstalled == 0)
		{
			notinstalled += '<li class="pageli"><i>All apps installed</i></li>';
		}
		notinstalled += '</ul>';
                document.getElementById('appsdiv').innerHTML = installed;
		document.getElementById('appsdiv').innerHTML += notinstalled;

	}
}


function handleGetPages()
{
	var editpage = '';
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("page");
                var n_messages = topnavi_nodes.length;
                var put = '<div class="publishlabel">Publish</div><ul id="pagesul" class="pagesul">';
                for (k = 0; k < n_messages; k++) {
                        var masterid_node = topnavi_nodes[k].getElementsByTagName("masterid");
			var title_node = topnavi_nodes[k].getElementsByTagName("title");
			var type_node = topnavi_nodes[k].getElementsByTagName("type");
			var published_node = topnavi_nodes[k].getElementsByTagName("published");
			var shortname_node = topnavi_nodes[k].getElementsByTagName("shortname");
			put += '<li id="page-' + masterid_node[0].firstChild.nodeValue + '" class="pageli"><span class="movepage"><input type="checkbox" id="publish-page-' + masterid_node[0].firstChild.nodeValue + '"';
			if(published_node[0].firstChild.nodeValue == '1') { put += ' checked'; } 

			put += ' class="pagepublish"><img src="http://my1x.1x.com/img-2/page.png" class="pageicon"><span class="pagelabel">' + title_node[0].firstChild.nodeValue + '</span></span> <a href="javascript:void(0);" class="pageadmin" onclick="cpEditPage(\'' + masterid_node[0].firstChild.nodeValue + '\');">PROPERTIES</a>';
			if(type_node[0].firstChild.nodeValue == '1')
			{
				put += ' <a href="/p/' + shortname_node[0].firstChild.nodeValue + '/edit/" class="pageadmin">EDIT PAGE</a>';
			}
			put += '<div style="font-size: 10px; position: relative; left: 7px; top: 3px;"><b>http://' + host;
			if(type_node[0].firstChild.nodeValue == '1')
			{
				put += '/p/' + shortname_node[0].firstChild.nodeValue + '</b> - custom designed page';
			} else {
				put += '/' + shortname_node[0].firstChild.nodeValue + '</b> - application';
			}

			put += '</div>';
			put += '</li>';
			if(title_node[0].firstChild.nodeValue == 'New page' && createpage == '1')
			{
				createpage = '0';
				editpage = masterid_node[0].firstChild.nodeValue;
			}
		}
		put += '</ul>';
		document.getElementById('pagestarget').innerHTML = put;
		Sortable.create('pagesul');
		if(editpage != '')
		{
			cpEditPage(editpage);
		}
	}
}


function showElement(id)
{
	if(edit == '1')
	{
		var objectchange = 'options-' + id;
		document.getElementById(objectchange).style.display = 'block';
	}
}

function hideElement(id){
        if(edit == '1')
        {
                var objectchange = 'options-' + id;
                document.getElementById(objectchange).style.display = 'none';
        }
}



function addText()
{
	addnew = addnew + 1;
	document.getElementById('custompage').innerHTML += '<div id="object-new-' + addnew + '" style="z-index: 7; position: absolute; top: 50px; left: 750px; width: 300px; height: 100px;" onclick="clickAction(\'new-' + addnew + '\');">Enter your text here</div>';
	document.getElementById('object-new-' + addnew).contentEditable='true';
	enableDrag();
	document.getElementById('object-new-' + addnew).focus();

}

var selected = '';

function doAddLink() {
	if(document.getElementById('target1').checked == 1)
	{
		document.getElementById('edit').contentWindow.document.execCommand( 'unlink', false, null );
	}
	if(document.getElementById('target2').checked == 1)
	{
		var addurl = document.getElementById('link_url').value;
	}
	if(document.getElementById('target3').checked == 1)
	{
		var addurl = document.getElementById('pagesel').value;
	}
	if(document.getElementById('target4').checked == 1)
	{
		var addurl = document.getElementById('photosel').value;
	}
	if(document.getElementById('target5').checked == 1)
	{
		var addurl = document.getElementById('pagesel').value;
	}
	if(addurl)
	{
		if(document.getElementById('opennew').checked != 1)
		{
			document.getElementById('edit').contentWindow.document.execCommand("CreateLink",false,addurl);
		} else {
			var url2 = "javascript:openLinkPopup('" + addurl + "')";
			document.getElementById('edit').contentWindow.document.execCommand("CreateLink",false,url2);
		}
	}
	closePopup();
}

function openLinkPopup(URI){
	win = window.open(URI,"secWin","scrollbars=yes,resiz able=yes,location=yes");
	win.focus;
}

function linkType()
{
	if(selected != '')
	{
		var hidebox = selected + 'seldiv';
		if(document.getElementById(hidebox) != null)
		{
			document.getElementById(hidebox).style.display = 'none';
		}
	}
	if(document.getElementById('target1').checked == 1)
	{
		document.getElementById('typedivheader').style.display = 'none';
	}
	if(document.getElementById('target2').checked == 1)
	{
		document.getElementById('linktitle').innerHTML = 'Enter URL';
		document.getElementById('linkdesc').innerHTML = 'Type the URL that you wish to link to';
		document.getElementById('typedivheader').style.display = 'block';
		selected = 'url';
	}
        if(document.getElementById('target3').checked == 1)
	{
                document.getElementById('linktitle').innerHTML = 'Select a page';
		document.getElementById('linkdesc').innerHTML = 'Select one of your pages to link to';
                document.getElementById('typedivheader').style.display = 'block';
		selected = 'page';
	}
        if(document.getElementById('target4').checked == 1)
        {
                document.getElementById('linktitle').innerHTML = 'Select a photo';
		document.getElementById('linkdesc').innerHTML = 'Select a photo in the list';
                document.getElementById('typedivheader').style.display = 'block';
		selected = 'photo';
	}
	if(document.getElementById('target5').checked == 1)
        {
                document.getElementById('linktitle').innerHTML = 'Select a journal entry';
		document.getElementById('linkdesc').innerHTML = 'Select a journal entry in the list';
                document.getElementById('typedivheader').style.display = 'block';
		selected = 'journal';
	}
	if(document.getElementById('target1').checked != 1)
	{
		var showbox = selected + 'seldiv';
		document.getElementById(showbox).style.display = 'block';
		document.getElementById('addremovelink').innerHTML = 'Add link';
		document.getElementById('openlinknewwindow').style.display = 'block';
	} else {
		document.getElementById('addremovelink').innerHTML = 'Remove link';
		document.getElementById('openlinknewwindow').style.display = 'none';
	}
}

function addLink() 
{
	document.getElementById('popupdiv').innerHTML = '<div class="popupheader"><img src="http://my1x.1x.com/img/close2.png" onclick="closePopup();" class="closeimg">Add a link</div>';
	document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Target type</div><div class="cp_desc">Select a target type for your link.</div></div>';
	document.getElementById('popupdiv').innerHTML += '<div class="cp_field"><table onclick="linkType();" border="0"><tr><td width="15"><input type="radio" name="target" id="target1" checked></td><td style="font-size: 12px;">No link</td><td width="20">&nbsp;</td><td width="15"><input type="radio" name="target" id="target2"></td><td style="font-size: 12px;">URL</td><td width="20">&nbsp;</td><td width="15"><input type="radio" name="target" id="target3"></td><td style="font-size: 12px;">Page</td><td width="20">&nbsp;</td><td width="15"><input type="radio" name="target" id="target4"></td><td style="font-size: 12px;">Photo</td><td width="20">&nbsp;</td><td width="15"><input type="radio" name="target" id="target5"></td><td style="font-size: 12px;">Journal entry</td></tr></table></div>';
	document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc" style="display: none;" id="typedivheader"><div class="cp_title" id="linktitle">Enter target</div><div class="cp_desc" id="linkdesc"</div></div>';
	document.getElementById('popupdiv').innerHTML += '<div class="cp_field" id="typediv"><div id="selectboxes"><div id="urlseldiv" style="display: none;"><input class="inputfield2" type="text" id="link_url" value="http://"></div></div></div>';
	document.getElementById('popupdiv').innerHTML += '<div id="openlinknewwindow" style="display: none;" class="cp_field"><table border="0"><tr><td width="20"><input type="checkbox" id="opennew"></td><td style="font-size: 12px;"><label for="opennew">Open link in a new window</label></td></tr></table></div>';
	document.getElementById('popupdiv').innerHTML += '<div class="popupbutton"><a href="javascript: void(0);" onclick="closePopup()" class="button"><span>Close</span></a> <a href="javascript: void(0);" onclick="doAddLink()" class="button"><span id="addremovelink">Remove link</span></a></div>';


	showPopup();
	getObjects();
}

function addImage()
{
	imagetarget = 'imagebrowser';

	document.getElementById('popupdiv').innerHTML = '<div class="popupheader"><img src="http://my1x.1x.com/img/close2.png" onclick="closePopup();" class="closeimg">Add an image to your page</div>';
	if(document.getElementById('journalid') == null && document.getElementById('pageid') == null) {
	document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Image size</div><div class="cp_desc">Select the size of the image you are adding to the page.</div></div>';
	document.getElementById('popupdiv').innerHTML += '<div class="cp_field"><table border="0"><tr><td><input type="radio" name="img_size" id="img_size_1"></td><td class="addimgsize">Small square</td><td><input type="radio" name="img_size" id="img_size_2"></td><td class="addimgsize">Thumbnail</td><td><input type="radio" name="img_size" id="img_size_3" checked></td><td class="addimgsize">Medium</td><td><input type="radio" name="img_size" id="img_size_4"></td><td class="addimgsize">Large</td><td><input type="radio" name="img_size" id="img_size_5"></td><td class="addimgsize">Full size</td></tr></table></div>';
	document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Link this image</div><div class="cp_desc">You can link this image to a web address. It can be the address of one of your pages or an external URL.</div></div>';

	document.getElementById('popupdiv').innerHTML += '<div class="cp_field"><input type="text" class="inputfield2" value="http://" id="img_url" onfocus="fieldCheck(\'img_url\',\'URL\',\'focus\');" onblur="fieldCheck(\'img_url\',\'URL\',\'blur\');"></div>';
	}

	document.getElementById('popupdiv').innerHTML += '<div class="cp_titledesc"><div class="cp_title">Select image</div><div class="cp_desc">Click on the image you want to add to the page.</div></div>';
	document.getElementById('popupdiv').innerHTML += '<div style="margin: 15px 0px 0px 20px;"><table border="0"><tr><td width="20"><input type="checkbox" id="usehq"></td><td style="font-size: 12px;">Use high resolution image file</td></tr></table></div>';

	document.getElementById('popupdiv').innerHTML += '<div class="cp_field"><div id="float-imagebrowser" class="browserfloat">&nbsp;</div><div id="imagebrowser"></div></div>';

	//document.getElementById('popupdiv').innerHTML += '<div class="popupcontent">';
	//document.getElementById('popupdiv').innerHTML += '<img src="http://my1x.1x.com/img/image.png" class="popupicon" align="right">';
	//document.getElementById('popupdiv').innerHTML += '<div id="float-imagebrowser" class="browserfloat">&nbsp;</div>';
	//document.getElementById('popupdiv').innerHTML += '<div id="imagebrowser" class="imagebrowser"><center><img src="http://my1x.1x.com/img/spinner.gif"><br /><br />Loading images...</center></div>';
	//document.getElementById('popupdiv').innerHTML += '</div>';
	//document.getElementById('popupdiv').innerHTML += '<div class="popupbutton"><a href="javascript: void(0);" onclick="closePopup()" class="button"><span>Don\'t add an image</span></a></div>';
	showPopup();
	getImages();
}

function fadeon(from) {
	if(fade == '0') {
		document.getElementById('fade').style.display = 'block';
		fade = from;
	}
}

function fadeoff(from) {
	if(fade == from)
	{
		document.getElementById('fade').style.display = 'none';
		fade = '0';
	}
}

function getSelectedImages() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/selectimages.php?fetch=' + document.getElementById('gallery_id').value, true);
                receiveReq.onreadystatechange = handleGetSelectedImages;
                receiveReq.send(null);
        }
}


function getGalleryImages() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/imagesgallery.php?fetch=' + document.getElementById('gallery_id').value, true);
                receiveReq.onreadystatechange = handleGetGalleryImages;
                receiveReq.send(null);
	}
}

function getImages() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
		if(document.getElementById('img_search') != null)
		{
			var searchq = document.getElementById('img_search').value;
		} else {
			var searchq = '';
		}
        	receiveReq.open("GET", '/inc/ajax/images.php?get=full&search=' + searchq, true);
        	receiveReq.onreadystatechange = handleGetImages;
        	receiveReq.send(null);
        }
}

function doAddImage(id)
{
	if(deletemode == '1')
	{
		deleteObject();
	}
	if(document.getElementById('img_size_1').checked) {
		var size = 'square';
		var extras = '';
		var hiddensize = '1';
	}
        if(document.getElementById('img_size_2').checked) {
                var size = '';
                var extras = '-T';
                var hiddensize = '2';
        }
        if(document.getElementById('img_size_3').checked) {
                var size = 'medium';
                var extras = '';
                var hiddensize = '3';
        }
        if(document.getElementById('img_size_4').checked) {
                var size = 'large';
                var extras = '';
                var hiddensize = '4';
        }
        if(document.getElementById('img_size_5').checked) {
                var size = '';
                var extras = '-F';
                var hiddensize = '5';
        }

	if(document.getElementById('img_url').value != '') { var link = document.getElementById('img_url').value; } else { var link = '' }

	addnew = addnew + 1;

	document.getElementById('custompage').innerHTML += '<input type="hidden" id="link-object-new-' + addnew + '" value="' + link + '"><input type="hidden" id="size-object-new-' + addnew + '" value="' + hiddensize + '"><input type="hidden" id="src-object-new-' + addnew + '" value="' + id + '"><img src="http://my.1x.com/media/' + size + '/' + id + extras + '.jpg" id="object-new-' + addnew + '" style="position: absolute; left: 50%; top: 50%; z-index: 9;" onclick="clickAction(\'new-' + addnew + '\');">';

	new Draggable('object-new-' + addnew);
	closePopup();
	enableDrag();
}

function getImagesSearch() {
	clearTimeout(searchtimer);
	var searchq = document.getElementById('img_search').value;
	if(searchq != 'Search') {
		searchtimer = setTimeout('getImages();',500);
	}
}

function handleGetSelectedImages() {
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("img");
                var n_messages = topnavi_nodes.length;
		var put = '';
		var put2 = '';
		for (k = 0; k < n_messages; k++) {
                        var photoid_node = topnavi_nodes[k].getElementsByTagName("photoid");
			var exists_node = topnavi_nodes[k].getElementsByTagName("exists");
			if(document.getElementById('paneltype').value == 'cover')
			{
				var useclass = '0';
			} else {
				if(exists_node[0].firstChild.nodeValue == '1')
				{
					var useclass = '1';
				} else {
					var useclass = '0';
				}
			}
			put += '<img class="galimg" id="img-' + photoid_node[0].firstChild.nodeValue + '" onclick="';
			if(document.getElementById('paneltype').value == 'cover')
			{
				put += 'selectCover(\'' + photoid_node[0].firstChild.nodeValue + '\');';
			} else {
				put += 'selectStatus(\'' + photoid_node[0].firstChild.nodeValue + '\');';
			}
			put += '" src="http://my.1x.com/media/square/' + photoid_node[0].firstChild.nodeValue + '.jpg"> <img src="http://my1x.1x.com/img/selected.png" style="position: relative; right: 60px; bottom: 20px;opacity: ' + useclass + ';" id="selected-' + photoid_node[0].firstChild.nodeValue + '">';
			put2 += '<input type="hidden" id="selectstatus-' + photoid_node[0].firstChild.nodeValue + '" value="' + exists_node[0].firstChild.nodeValue + '">';
		}
		document.getElementById('selectimages').innerHTML = put;
		document.getElementById('selectimageshidden').innerHTML = put2;
		
	}
}

function selectStatus(id) {
	var imgobject = 'img-' + id;
	var selectedobject = 'selected-' + id;
	var currvalue = document.getElementById('selectstatus-' + id).value;

	if(currvalue == '1')
	{
		document.getElementById(selectedobject).style.opacity = '0';
		document.getElementById('selectstatus-' + id).value = '0';
	} else {
		document.getElementById(selectedobject).style.opacity = '1.0';
		document.getElementById('selectstatus-' + id).value = '1';
	}

}

function handleGetGalleryImages() {
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("img");
                var n_messages = topnavi_nodes.length;
		var put = '';
		var thecover = '0';
                for (k = 0; k < n_messages; k++) {
                        var photoid_node = topnavi_nodes[k].getElementsByTagName("photoid");
			var cover_node = topnavi_nodes[k].getElementsByTagName("cover");
			if(cover_node[0].firstChild.nodeValue == 'true') { var bcolor = '999'; thecover = photoid_node[0].firstChild.nodeValue; } else { var bcolor = '333'; }
			put += '<img onclick="onclickCover(\'' + photoid_node[0].firstChild.nodeValue + '\');" style="margin: 4px; border: 4px solid #' + bcolor + ';" id="img-' + photoid_node[0].firstChild.nodeValue + '" src="http://my.1x.com/media/square/' + photoid_node[0].firstChild.nodeValue + '.jpg"> ';
		}
		put += '<input type="hidden" id="cover" value="' + thecover + '">';
		document.getElementById('galleryimages').innerHTML = put;
  		var p = $('galleryimages');
		Sortable.create('galleryimages', {
			tag:'img',overlap:'horizontal',constraint: false,
			onUpdate:function(){
		}
		});
	}
}

function getObjects() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", '/inc/ajax/objects.php', true);
                receiveReq.onreadystatechange = handleGetObjects;
                receiveReq.send(null);
        }
}

function handleGetObjects() {
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("object");
                var n_messages = topnavi_nodes.length;

                var journalput = '<div id="journalseldiv" style="display: none;"><select id="journalsel">';
		var pageput = '<div id="pageseldiv" style="display: none;"><select id="pagesel">';
		var photoput = '<div id="photoseldiv" style="display: none;"><select id="photosel">';

                for (k = 0; k < n_messages; k++) {
                        var id_node = topnavi_nodes[k].getElementsByTagName("id");
			var url_node = topnavi_nodes[k].getElementsByTagName("url");
			var type_node = topnavi_nodes[k].getElementsByTagName("type");
			var title_node = topnavi_nodes[k].getElementsByTagName("title");
			if(type_node[0].firstChild.nodeValue == 'photo')
			{
				photoput += '<option value="' + url_node[0].firstChild.nodeValue + '">#' + id_node[0].firstChild.nodeValue + ' ' + title_node[0].firstChild.nodeValue + '</option>';
			}
			if(type_node[0].firstChild.nodeValue == 'page')
			{
				pageput += '<option value="' + url_node[0].firstChild.nodeValue + '">' + title_node[0].firstChild.nodeValue + '</option>';
			}
			if(type_node[0].firstChild.nodeValue == 'journal')
			{
				journalput += '<option value="' + url_node[0].firstChild.nodeValue + '">' + title_node[0].firstChild.nodeValue + '</option>';
			}
		}
		journalput += '</select></div>';
		pageput += '</select></div>';
		photoput += '</select></div>';
		document.getElementById('selectboxes').innerHTML += journalput;
		document.getElementById('selectboxes').innerHTML += photoput;
		document.getElementById('selectboxes').innerHTML += pageput;
	}
}


function handleGetImages() {
        if (receiveReq.readyState == 4) {
                var xmldoc = receiveReq.responseXML;
                var topnavi_nodes = xmldoc.getElementsByTagName("img");
                var n_messages = topnavi_nodes.length;
		var imgfloat = 'float-' + imagetarget;
		var put = '';
		if(document.getElementById('img_search') == null)
		{
			document.getElementById(imgfloat).innerHTML = '<input type="text" class="inputfield2" value="Search" id="img_search" onfocus="fieldCheck(\'img_search\',\'Search\',\'focus\');" onkeyup="getImagesSearch();" onblur="fieldCheck(\'img_search\',\'Search\',\'blur\');"></div>';
		}
                for (k = 0; k < n_messages; k++) {
                        var photoid_node = topnavi_nodes[k].getElementsByTagName("photoid");
			put += '<img onclick="';
			if(document.getElementById('journalid') == null && document.getElementById('pageid') == null) {
			if(imagetarget == 'imagebrowser')
			{
				put += 'doAddImage(\'' + photoid_node[0].firstChild.nodeValue + '\');';
			}
			if(imagetarget == 'imagebrowser2')
			{
				put += 'imageProperties(\'' + photoid_node[0].firstChild.nodeValue + '\');';
			}
			} else {
				put += 'addImgToJournal(\'' + photoid_node[0].firstChild.nodeValue + '\');';
			}
			put += '" class="imagebrowserimg" src="http://my.1x.com/media/square/' + photoid_node[0].firstChild.nodeValue + '.jpg"> ';
                }
		document.getElementById(imagetarget).innerHTML = put;
	}
}

function addImgToJournal(id) {
	if(document.getElementById('usehq').checked == '1')
	{
		var imagePath = 'http://my.1x.com/media/' + id + '-F.jpg';
	} else {
		var imagePath = 'http://my.1x.com/media/large/' + id + '.jpg';
	}
	document.getElementById('edit').contentWindow.document.execCommand('InsertImage', false, imagePath);
	closePopup();
}

function toggleFontsize()
{
	if(document.getElementById('fontsizebox').style.display != 'block')
	{
		document.getElementById('fontsizebox').style.display = 'block';
	} else {
		document.getElementById('fontsizebox').style.display = 'none';
	}
}

function setFontsize(size) {
	document.execCommand('fontSize', false, size);
}

function getXmlHttpRequestObject() {
        if (window.XMLHttpRequest) {
                return new XMLHttpRequest();
        } else if(window.ActiveXObject) {
                        return new ActiveXObject("Microsoft.XMLHTTP");
        } else {
                document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object.  Consider upgrading your browser.';
        }
}

function newGallery() {
	document.getElementById('popupdiv').innerHTML = '<div class="popupheader">Add a new gallery</div>';
	
	document.getElementById('popupdiv').innerHTML += '<div class="popupcontent"><img src="http://my1x.1x.com/img/wizard2.png" class="popupicon" align="right">Organize your photos in galleries. Add photos to the gallery by simply dragging them to the gallery icon in the right panel.<br /><br /><b>Gallery name:</b> &nbsp; <input onkeyup="checkFields(\'addgallery\');" type="text" class="textfield" name="gallery_name" id="gallery_name"><br /><br />Enter a gallery title and then click "Add gallery".';
	
	document.getElementById('popupdiv').innerHTML += '</div><div class="popupbutton"><a href="javascript: void(0);" onclick="addGallery()" class="button" id="addgallery"><span>Add gallery</span></a> <a href="javascript: void(0);" onclick="closePopup()" class="button"><span>Close without saving</span></a></div>';
	
	showPopup();

	document.getElementById('addgallery').style.opacity = '0.5';
}

function showError(error) {
	alert(error);
}

function openPic(id) {
	if(edit != '1')
	{
		location.href = '/photo/' + id;
	}
}

function sz(t) {
	a = t.value.split('\n');
	b=1;
	for (x=0;x < a.length; x++) {
		if (a[x].length >= t.cols) b+= Math.floor(a[x].length/t.cols);
	}
	b+= a.length;
	if (b > t.rows) t.rows = b;
}

function endEdit(from) {
	var extratext = '';
	edit = '0';
	document.getElementById('nav_edit').style.display = 'inline';
	document.getElementById('nav_save').style.display = 'none';
	document.getElementById('nav_revert').style.display = 'none';
	
	if(from == 'gallery')
	{
		reload = '1';

		var name = document.getElementById('galleryedit_name').value;
		var order = Sortable.sequence('photolist');
                sendReq.open("POST", '/ajax/gallery_edit.php?id=' + document.getElementById('gallery_id').value, true);
                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                sendReq.onreadystatechange = handleSaveChanges;
                var param = 'order=' + encodeURIComponent(order);
                param += '&name=' + encodeURIComponent(name);
                sendReq.send(param);
	}
	if(from == 'p')
	{
		reload = '1';
		var position = '';
		var param = 'a=b';
		var changedfields = '';
		var oDiv = document.getElementById('custompage');
		if(oDiv.firstChild) {
			var oChild = oDiv.firstChild;
   			while(oChild) {
     				if(oChild.nodeType==1) {
					if(oChild.id)
					{
						var pos_x = document.getElementById(oChild.id).offsetLeft;
						var pos_y = document.getElementById(oChild.id).offsetTop;
						var divwidth = document.getElementById(oChild.id).offsetWidth;
						var divheight = document.getElementById(oChild.id).offsetHeight;
						if(document.getElementById('src-' + oChild.id) != null)
						{
							var src = document.getElementById('src-' + oChild.id).value;
							var size = document.getElementById('size-' + oChild.id).value;
							var link = document.getElementById('link-' + oChild.id).value;
						} else {
							var src = '';
							var size = '';
							var link = '';
						}
						position += oChild.id + ':' + pos_x + ':' + pos_y + ':' + divwidth + ':' + divheight + ':' + src + ':' + size + ',';
						if(link != '')
						{
							param += '&edit_link_' + oChild.id + '=' + encodeURIComponent(link);
						}
						if(document.getElementById(oChild.id).innerHTML != '')
						{
							param += '&edit_' + oChild.id + '=' + encodeURIComponent(document.getElementById(oChild.id).innerHTML);
							changedfields += 'edit_' + oChild.id + ':';
						}
					}
				}
				oChild = oChild.nextSibling;
   			}
		}
                sendReq.open("POST", '/ajax/custompage_edit.php?type=position&id=' + document.getElementById('page_id').value, true);
                sendReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                sendReq.onreadystatechange = handleSaveChanges;
                param += '&position=' + encodeURIComponent(position);
		param += '&changedfields=' + encodeURIComponent(changedfields);
		param += '&deletedobjects=' + encodeURIComponent(document.getElementById('deletedobjects').value);
                sendReq.send(param);
	}
}

function handleSaveChanges() {
	if (sendReq.readyState == 4) {
		displayMessage('info','Changes saved!','Your changes have been saved.','Close');
	}
}

function startEdit(from) {

	var extratext = '';
	edit = '1';

	document.getElementById('nav_edit').style.display = 'none';
	document.getElementById('nav_save').style.display = 'inline';
	document.getElementById('nav_revert').style.display = 'inline';

	if(from == 'p')
	{
		document.getElementById('custompage').style.height = '10000px';
		document.getElementById('fade').style.height = '10000px';
		editCustomPage();
	}
	
	displayMessage('warn','You are now editing','You are now editing this page. Remember to save your changes from the manage menu when you are done.','Close');

}

function updateGalleryname() {
	var id = document.getElementById('gallery_id').value;
	var updatediv = 'galleryname-' + id;
	document.getElementById(updatediv).innerHTML = document.getElementById('galleryedit_name').value;
}

function checkFields(what) {
	var doreturn = false;

	if(what == 'addgallery')
	{
		if(document.getElementById('gallery_name').value != '')
		{
			document.getElementById('addgallery').style.opacity = '1.0';
		} else {
			document.getElementById('addgallery').style.opacity = '0.5';
		}
	}
	
}

function DEPRaddGallery() {
	if(document.getElementById('gallery_name').value != '')
	{
	} else {
		alert("You must fill in a gallery name!");
	}
}

function displayMessage(type,title,message,buttonlabel) {
	if(type == 'info')
	{
		var image = 'http://my1x.1x.com/img/message_info.png';
	}

        if(type == 'warn')
        {
                var image = 'http://my1x.1x.com/img/message_warn.png';
        }

        if(type == 'error')
        {
                var image = 'http://my1x.1x.com/img/message_error.png';
        }

        document.getElementById('popupdiv').innerHTML = '<div class="popupheader">' + title + '</div>';

        document.getElementById('popupdiv').innerHTML += '<div class="popupcontent"><img src="' + image + '" class="popupicon" align="right">' + message + '</div><div class="popupbutton"><a href="javascript: void(0);" onclick="closePopup()" class="button"><span>' + buttonlabel + '</span></a></div>';

        showPopup();
}

function showPopup2(name) {
	document.getElementById('fade2').style.display = 'block';
        document.getElementById('popupdiv2').style.maxHeight = myHeightLimit + 'px';
        var setwidth = (parseInt(myWidth)/2)-400;
        document.getElementById('popupdiv2').style.display = 'block';
        document.getElementById('popupdiv2').style.left = setwidth + 'px';

}

function showPopup(name) {
	document.getElementById('popupdiv').style.maxHeight = myHeightLimit + 'px';
	var setwidth = (parseInt(myWidth)/2)-400;
	
	fadeon('popup');
	document.getElementById('popupdiv').style.display = 'block';
	document.getElementById('popupdiv').style.left = setwidth + 'px';
}

function uploadPics() {
	uploadpicsactive = 1;
        var setwidth = (parseInt(myWidth)/2)-400;

	document.getElementById('uploadpopup').style.maxHeight = myHeightLimit + 'px';

	fadeon('uploadpopup');
        document.getElementById('uploadpopup').style.display = 'block';
        document.getElementById('uploadpopup').style.left = setwidth + 'px';
	imagetarget = 'imagebrowser2';
	setTimeout('getImages();',500);
}

function closeUploadPics() {
	document.getElementById('uploadpopup').style.display = 'none';
	fadeoff('uploadpopup');
	uploadpicsactive = '0';

}

function closePopup()
{
	document.getElementById('popupdiv').innerHTML = '';
	document.getElementById('popupdiv').style.display = 'none';
	fadeoff('popup');
	if(reload == '1')
	{
		window.location.href=window.location.href;
	}
}

function closePopup2() 
{
	document.getElementById('popupdiv2').style.display = 'none';
	document.getElementById('fade2').style.display = 'none';
}