function toggle(el) {
    WSDOM.Element.toggleClass(el, "collapsed");
}
function expand(el) {
    WSDOM.Element.removeClass(el, "collapsed");
}
function collapse(el) {
    WSDOM.Element.addClass(el, "collapsed");
}

var contentEl = WSDOM.Element.get("content");
var iframeUpload = WSDOM.Element.get("iframeUpload");

function initAllEvents() {
    var articleEls = WSDOM.Element.parseSelector("div.article", contentEl);
    for(var i = 0, len = articleEls.length; i < len; i++) {
        attachAdminEvents(articleEls[i]);
    }
	
	var monthEls = WSDOM.Element.parseSelector("h3[id^='month_']", WSDOM.Element.get('right-column'));
	attachMonthChooserEvents(monthEls);
}

function attachMonthChooserEvents(monthEls){
	if(monthEls && monthEls.length){
		for(var i=0; i<monthEls.length; i++){
			var monthID = monthEls[i].innerHTML.replace(/\040/, '_');
			var data = { id: monthID }
			WSDOM.Events.add(monthEls[i], "click", monthChooserHandler, null, data);
		}
	}
}

function attachAdminEvents(container) {
    var data = { id: container.getAttribute("article_id"), richtext: null };
    
    var el = WSDOM.Element.parseSelector("a.edit-link", container)[0];
    WSDOM.Events.add(el, "click", showEditFormHandler, null, data);
    
    el = WSDOM.Element.parseSelector("a.remove-link", container)[0];
    if(el) WSDOM.Events.add(el, "click", confirmPopupHandler, null, data);

    el = WSDOM.Element.parseSelector("a.archive-link", container)[0];
	if(el) WSDOM.Events.add(el, "click", confirmPopupHandler, null, data);
    //if(el) WSDOM.Events.add(el, "click", archiveArticleHandler, null, data);

    el = WSDOM.Element.parseSelector("a.unarchive-link", container)[0];
    if(el) WSDOM.Events.add(el, "click", unarchiveArticleHandler, null, data);

    el = WSDOM.Element.parseSelector("a.cancel", container)[0];
    if(el) WSDOM.Events.add(el, "click", hideEditFormHandler, null, data);
    
    el = WSDOM.Element.parseSelector("form", container)[0];
    if(el) WSDOM.Events.add(el, "submit", saveFormHandler, null, data);
}

function monthChooserHandler(e, link, data){
	e.cancel();
	link.blur();
	monthChooser(data);
}

function showEditFormHandler(e, link, data) {
    e.cancel();
    link.blur();
    showEditForm(e.nativeEvent, data);
}

function hideEditFormHandler(e, link, data) {
    e.cancel();
    link.blur();
    hideEditForm(data.id);
}

function confirmPopupHandler(e, link, data) {
    e.cancel();
    link.blur();
	if (link.className == 'remove-link') {
		confirmPopup(e.nativeEvent, {
			heading: "Delete",
			body: "You have selected to delete this article permanently. This can not be undone.",
			buttonText: "CONFIRM DELETE",
			id: data.id
		});
	}
	else if (link.className == 'archive-link'){
		confirmPopup(e.nativeEvent, {
			heading: "Archive",
			body: "You have selected to send this article to the archive database.",
			buttonText: "CONFIRM ARCHIVE",
			id: data.id
		});		
	}
}

function archiveArticleHandler(e, link, data) {
    e.cancel();
    link.blur();
    
    archiveArticle(data.id);
}

function unarchiveArticleHandler(e, link, data) {
    e.cancel();
    link.blur();
    
    unarchiveArticle(data.id);
}

function saveFormHandler(e, form, data) {
	if(data.richtext) data.richtext.getContent();
	
	if (!iframeUpload) {
		e.cancel();
		if (validateSave(form, data)) {
			saveArticle(form, data.id);
		}		
	}
}

//collapse/expand months & toggle class on month chooser
function monthChooser(data){
	var container = WSDOM.Element.get('articles');

	if (data.id == 'View_All') {
		var articleEls = WSDOM.Element.parseSelector('div[month]', container);
		WSDOM.Element.removeClass(articleEls, "collapsed");
	}
	else {
		var collapseArticles = WSDOM.Element.parseSelector('div[month!="' + data.id + '"]', container);
		var expandArticles = WSDOM.Element.parseSelector('div[month="' + data.id + '"]', container);
		WSDOM.Element.addClass(collapseArticles, 'collapsed');
		WSDOM.Element.removeClass(expandArticles, 'collapsed');
	}	
	
	var monthChooserEls = WSDOM.Element.parseSelector('h3[id^="month_"]', WSDOM.Element.get('right-column'));
	for(var i=0; i<monthChooserEls.length; i++){
		(monthChooserEls[i].id == ('month_' + data.id))
			? WSDOM.Element.addClass(monthChooserEls[i], "selected")
			: WSDOM.Element.removeClass(monthChooserEls[i], "selected");
	}
	
}

function confirmPopup(e, data){
	var content = WSDOM.Element.get('content');
	var popup = WSDOM.Element.create('div', 
		{ className: 'popup', id: 'popup' + data.id}, 
		null, null);
	WSDOM.Element.create('a', {className: 'closer'}, null, popup);
	WSDOM.Element.create('div', {className: 'heading'}, data.heading, popup);
	WSDOM.Element.create('div', {className: 'body'}, data.body, popup);
	WSDOM.Element.create('div', {className: 'buttons'}, 
		'<a href="#" class="cancel">Cancel</a><input class="submit" value="' + data.buttonText +'"/>', 
		popup);
		
	var point = getMousePos(e);
	WSDOM.Element.setXY(popup, point.x, point.y)
	content.appendChild(popup);
	WSDOM.Events.add(WSDOM.Element.parseSelector('input,a,div.closer', popup), "click", confirmButtons, null, data);
		
	return false;
}

function confirmButtons(e, el, data){
	e.cancel();
	if (el && el.value) {
		if (el.value == "CONFIRM DELETE") 
			removeArticle(data.id);
		else if (el.value == "CONFIRM ARCHIVE") 
			archiveArticle(data.id);
	}
	killPopup(data);
}

function killPopup(data){
	var el = WSDOM.Element.get('popup' + data.id);
	if(el) WSDOM.Element.remove(el);	
}

function validateSave(form, data){
	var formEls = WSDOM.Element.parseSelector('textarea,input[name!="author"][type!="hidden"]', form)
	var errorsContainer = WSDOM.Element.parseSelector('div[errorcontainer]', form)
	var errorUL = WSDOM.Element.parseSelector('ul', errorsContainer)[0];
	var valid = true;
	WSDOM.Element.remove(WSDOM.Element.parseSelector('li', errorUL));
	WSDOM.Element.addClass(errorsContainer, 'collapsed');
	for(var i=0; i<formEls.length; i++){

		if( formEls[i].type != "textarea"  && formEls[i].value == ''){
			valid = false;
			WSDOM.Element.addClass(formEls[i], 'admininvalid')
			WSDOM.Element.removeClass(errorsContainer, 'collapsed');
			WSDOM.Element.create('li', null, formEls[i].getAttribute('errorLabel'), errorUL);
		}
	}
	return valid;
}

function getArticlesContainer() {
    return WSDOM.Element.parseSelector('div.articles', contentEl)[0];
}

function getArticleContainer(id) {
    return WSDOM.Element.parseSelector('#article_' + id)[0];
}

function getFormContainer(id) {
    return WSDOM.Element.parseSelector('#article_' + id + ' div.article-edit')[0];
}

function getContentContainer(id) {
    return WSDOM.Element.parseSelector('#article_' + id + ' div.article-content')[0];
}

function showEditForm(e, data) {
    var el = getContentContainer(data.id);
	
	var point = getMousePos(e);
	
    el = getFormContainer(data.id);
	WSDOM.Element.setXY(el, point.x, point.y - 250);
    if(el) expand(el);
	
    var textarea = WSDOM.Element.parseSelector("textarea.richtext", el)[0];
	if(textarea && !data.richtext) data.richtext = new Editor_class(textarea, data.id);
}

function clearEditForm(id) {
    var el = getFormContainer(id);
	var inputs = WSDOM.Element.parseSelector('input,select,textarea', el);
	for(var i=0; i<inputs.length; i++){
		switch(inputs[i].type){
			case 'text':
				inputs[i].value = '';
				WSDOM.Element.removeClass(inputs[i], 'admininvalid')
			break;
			case 'select':
				inputs[i].selectedIndex = 0;
				WSDOM.Element.removeClass(inputs[i], 'admininvalid')
			break;			
		}
	}
	var textArea = WSDOM.Element.parseSelector('body', window.frames[0].document)
	WSDOM.Element.setHTML(textArea, '');
	WSDOM.Element.removeClass(WSDOM.Element.get('editor_'+ id), 'admininvalid')
	var errorsContainer = WSDOM.Element.parseSelector('div[errorcontainer]', el)
	WSDOM.Element.setHTML(errorsContainer, '');
	
}

function hideEditForm(id) {
    var el = getFormContainer(id);
    if(el) collapse(el);
	if(id == 'new')
		clearEditForm(id);

    el = getContentContainer(id);
    if(el) expand(el);
}

function removeArticle(id) {
    var r = new WSDOM.Remoting();
    r.load({
    	url: "NewsBuffer.asp?action=Remove",
    	method: "get",
    	onload: removeComplete,
    	data: {
    	    id: id
    	}
    });
}

function archiveArticle(id) {
    var r = new WSDOM.Remoting();
    r.load({
    	url: "NewsBuffer.asp?action=Archive",
    	method: "get",
    	onload: removeComplete,
    	data: {
    	    id: id
    	}
    });
}

function unarchiveArticle(id) {
    var r = new WSDOM.Remoting();
    r.load({
    	url: "NewsBuffer.asp?action=Unarchive",
    	method: "get",
    	onload: removeComplete,
    	data: {
    	    id: id
    	}
    });
}

function removeComplete(r) {
	//TODO: get this working ajaxy-like with the month chooser
	window.location.reload(true);
//    var id = r.contentPackage.data.id;
//    var el = getArticleContainer(id);		
//    WSDOM.Element.remove(el);
}

function saveArticle(form, id) {
    var r = new WSDOM.Remoting();
    var fs = new FormSerializerLite();
    var data = fs.getHash(form);
	if(data.text.length >10000){
		data.text = data.text.substr(0, 10000);
	}
    r.load({
    	url: "NewsBuffer.asp?action=Save",
    	method: "post",
    	onload: saveComplete,
    	data: data
    });
}

function saveComplete(r) {
	//TODO: get this working ajaxy-like with the month chooser
	window.location.reload(true);
    /*var id = r.contentPackage.data.id;
    
    if(id == "new") {
        var el = getArticlesContainer();
        var div = WSDOM.Element.create("div");
        WSDOM.Element.setHTML(div, r.getResult());
        WSDOM.Element.insertBefore(div, el.firstChild);
        attachAdminEvents(WSDOM.Element.parseSelector("div.article", div)[0]);
    } else {
        var el = getContentContainer(id);
        // TODO: make sure that we found a matching element
        WSDOM.Element.setHTML(el, r.getResult());
    }
    hideEditForm(id);
    */
}

function iframeSaveComplete() {
    // TODO: check for valid result?
	var r = iframeUpload.contentWindow.document.getElementById('response');
    var id = r.getAttribute('article_id');
	
    if(id == "new") {
        var el = getArticlesContainer();
        var div = WSDOM.Element.create("div");
        WSDOM.Element.setHTML(div, r.innerHTML);
        WSDOM.Element.insertBefore(div, el.firstChild);
        attachAdminEvents(WSDOM.Element.parseSelector("div.article", div)[0]);
    } else {
        var el = getContentContainer(id);
        // TODO: make sure that we found a matching element
        WSDOM.Element.setHTML(el, r.innerHTML);
    }
    hideEditForm(id);
}

function getMousePos(e){
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	return {x: posx, y: posy};
}

initAllEvents();