//
//
//
//
//
//
//
// Common functions
//
//
//
//
//
//
//

//
//
// Debug framework. Make it `not work` correctly unless we're using FF with firebug.
//
//
if(typeof(console) == 'undefined') var console = {
	log   : function(){},
	debug : function(){},
	info  : function(){},
	warn  : function(){},
	error : function(){},
	assert: function(){},
	dir   : function(){},
	dirxml: function(){},
	trace : function(){},
	group : function(){},
	groupEnd: function(){},
	time  : function(){},
	timeEnd : function(){},
	profile : function(){},
	profileEnd : function(){},
	count   : function(){}
};




//
////
//
//////	 COMMON.JS
//
////
//
function checkAll(docform, elementname, selectit, btn)
{
	var docelements = docform.elements;
	var button = $(btn);
	for (n=0;n< docelements.length;n++){
		if (elementname=='' || elementname && docelements.item(n).name == elementname)
		{
			if(selectit)
				docelements.item(n).checked = true;
			else
				docelements.item(n).checked = false;
		}
	}
}


function atoggle(img,id)
{
	var div = $(id);
	var elm = $(img);
	var _BASE = base();

	// if the div is hidden, show it...
	if(div.style.display == 'block')
	{
		div.style.display = '';
		elm.src = _BASE + '/adminstyle/images/plus.gif';
	}
	else
	{
		div.style.display = 'block';
		elm.src = _BASE + '/adminstyle/images/minus.gif';
	}
}


function showConfirm(message,url)
{
	if(confirm(message))
	{
		document.location = url;
	}
}



//
//// YAK
//


function updateCounter()
{
	var max_num;
	var rest;
	var temp_msg;
	max_num = 222;

	if(typeof(messageForm) == 'undefined')
	{
		var messageForm;
		messageForm = document.getElementById('JSMessage');
	}

	if(typeof(restCounter) == 'undefined')
	{
		var restCounter;
		restCounter = document.getElementById('chars_left');
	}


	if(messageForm.value != null)
	{
		temp_msg = messageForm.value;
		rest     = max_num - temp_msg.length;
		if (rest < 0 )
		{
			messageForm.value = temp_msg.substring(0, max_num);
			rest = 0;
		}
		restCounter.value = rest;
	}

	return (rest > 0)
}


function toggle(element)
{
	element = $(element);

	if (element.style.display == 'none')
		element.style.display = '';
	else
		element.style.display = 'none';
}





var form_submitted = false;
function submit_form()
{
	if(form_submitted == true)
	{
		return;
	}

	document.myform.mysubmit.value = 'Sending...';
	document.myform.mysubmit.disabled = true;
	form_submitted = true;
	document.myform.submit();
}








////
//
//// FORM ELEMENTS
//
////


////  Removes all options from a given SELECT element, leaving only the first one selected
//
function select_clear(select_id)
{
	var select_element = $(select_id);

	if (select_element == null || select_element.tagName != 'SELECT')
	{
		return false;
	}


	select_element.disable();

	while (select_element.length > 1)
	{
		select_element.options[1] = null;
	}
	select_element.options[0].selected = true;

	select_element.enable();
}


//// Adds the OPTIONs to the supplied SELECT, taken from an array of objects
//
//   Objects in the array are supposed to have a "value" and a "name" property
//
function select_build(select_id, item_array)
{
	var select_element = $(select_id);

	if (select_element == null || select_element.tagName != 'SELECT')
	{
		return false;
	}

	var orig_size = select_element.length;
	var limit	 = item_array.size();
	for (var i=0; i<limit; i++)
	{
		select_element.options[orig_size+i] = new Option(item_array[i].name, item_array[i].value);
	}
}



////  Selects a specific option in a given select. Selection on option value.
//
function select_choose(select_id, value_to_select)
{
	var select_element = $(select_id);

	if (select_element == null || select_element.tagName != 'SELECT')
	{
		return false;
	}

	var optionsLength = select_element.options.length;
	var i;

	for (i=0; i<optionsLength; i++)
	{
		if (select_element.options[i].value == value_to_select)
		{
			select_element.options[i].selected = true;
		}
	}
}










//
////
//
//////	 COOKIE.JS
//
////
//
var today       = new Date();
var expiryyear  = new Date(today.getTime() + 365 * 24 * 60 * 60 * 1000);
var expirymonth = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000);
var expiryday   = new Date(today.getTime() + 24 * 60 * 60 * 1000);

function getCookie(name)
{
	var reg= new RegExp("; "+name+";|; "+name+"=([^;]*)");
	var matches=reg.exec('; '+document.cookie+';');
	if (matches) return ((matches[1])?unescape(matches[1]):'');
	return null;
}

function setCookie(name,value,expires,path,domain,secure)
{
	document.cookie = name + "=" + escape (value) +
	((expires) ? "; expires=" + expires.toGMTString() : "") +
	((path) ? "; path=" + path : "") +
	((domain) ? "; domain=" + domain : "") +
	((secure) ? "; secure" : "");

	return getCookie(name)!=null?true:false;
}

function deleteCookie(name,path,domain)
{
	if (getCookie(name)!=null)
	{
		document.cookie = name + "=" +
		((path) ? "; path=" + path : "") +
		((domain) ? "; domain=" + domain : "") +
		"; expires=Thu, 01-Jan-1970 00:00:01 GMT";
	}
}

function cookieEnabled()
{
	testCookieName="_testCookie_";
	if (setCookie(testCookieName,1))
	{
		deleteCookie(testCookieName);
		return true;
	}
	else return false;
}




//
////
//
//////	 BBCODE.JS
//
////
//
function bbtag(text)
{
	var field = $('JSMessage');

	field.value += ' '+text;
}




//
////
//
//////  TEXTAREA control functions
//
////
//
/**
 * Retrieve currently selected text inside a specified textarea
 *
 * @author                      Original script: guys at http://www.mybboard.net/, this modification: yak, yuri.kushinov@gmail.com
 * @param  {DOMNode} textarea   Textarea to operate on
 * @return                      Currently selected text inside the given textarea
 * @type   String
 * @final
 */
function getSelectedText(textarea)
{
	textarea.focus();
	if(document.selection)
	{
		var selection = document.selection;
		var range = selection.createRange();

		if((selection.type == 'Text' || selection.type == 'None') && range != null)
			return range.text;
	}
	else if(textarea.selectionEnd)
	{
		var select_start = textarea.selectionStart;
		var select_end = textarea.selectionEnd;
		if(select_end <= 2)
			select_end = textarea.textLength;

		var start = textarea.value.substring(0, select_start);
		var middle = textarea.value.substring(select_start, select_end);

		return middle;
	}
	return null;
};






/**
 * Insert the given text before and after the selected text is a specified textarea,
 * OR
 * Insert both pre- and post-pended text at the caret position in the specified textarea.
 *
 * @author                       Original script: guys at http://www.mybboard.net/, this modification: yak, yuri.kushinov@gmail.com
 * @param {DOMNode} textarea     Textarea to operate on
 * @param {String}  open_tag     Prepend the selected text with the value of thos variable
 * @param {String}  close_tag    Append the value of this variable to the selected text. Can be FALSE in case of a self-closing tag.
 * @final
 */
function performInsert(textarea, open_tag, close_tag)
{
	if(!close_tag)
		var close_tag = "";

	textarea.focus();

	if(document.selection)
	{
		// IE
		var selection = document.selection;
		var range = selection.createRange();

		if((selection.type == "Text" || selection.type == "None") && range != null)
		{
			if(close_tag != "" && range.text.length > 0)
			{
				range.text = open_tag+range.text+close_tag;
			}
			else
			{
				range.text = open_tag+close_tag+range.text;
			}
			range.select();
		}
		else
		{
			textarea.value += open_tag+close_tag;
		}
	}
	else if(textarea.selectionEnd)
	{
		// Mozilla
		var select_start = textarea.selectionStart;
		var select_end = textarea.selectionEnd;
		var scroll_top = textarea.scrollTop;

		if(select_end <= 2)
		{
			select_end = textarea.textLength;
		}

		var start = textarea.value.substring(0, select_start);
		var middle = textarea.value.substring(select_start, select_end);
		var end = textarea.value.substring(select_end, textarea.textLength);

		if(select_end - select_start > 0 && close_tag != "")
		{
			var keep_selected = true;
			middle = open_tag+middle+close_tag;
		}
		else
		{
			var keep_selected = false;
			middle = open_tag+close_tag+middle;
		}

		textarea.value = start+middle+end;

		if(keep_selected == true)
		{
			textarea.selectionStart = select_start;
			textarea.selectionEnd = select_start + middle.length;
		}
		else
		{
			textarea.selectionStart = select_start + middle.length;
			textarea.selectionEnd = textarea.selectionStart;
		}
		textarea.scrollTop = scroll_top;
	}
	else
	{
		textarea.value += open_tag+close_tag;
	}
}








/**
 *
 *
 *
 *
 *
 * Gallery type pages.
 * Submissiontype icon mouseover and mouseout events that show the description popup
 *
 *
 *
 *
 */
// This is a hack :|
//
var _root_container_element = 'li';
var popup_width      = 400;
var popup_x_offset   = 10;
var popup_y_offset   = -2;
var width_autocorrect_offset = 2;
function submissiontype_icon_mouseover(description_fill_callback, evt)
{
	// IE has a top offset of -2 already
	//
	use_popup_y_offset = popup_y_offset;
	if(Prototype.Browser.IE)
		use_popup_y_offset += 2;

	//
	//
	// Create the popup container and elements
	//
	//
	var tmp = $('description_popup');
	if(!tmp)
	{
		tmp           = document.createElement('div');
		tmp.id        = 'description_popup';
		tmp.className = 'invisible';

		tmp2 = document.createElement('h5');
		tmp.appendChild(tmp2);

		tmp3 = document.createElement('span');
		tmp.appendChild(tmp3);

		document.getElementsByTagName('body')[0].appendChild(tmp);
	}


	var container = evt.findElement(_root_container_element);

	// IE shows the tile's ALT text even when whe hover the overlay icon on top of it.
	// So for IE, we'll remove the ALT text on hover.
	//
	if(Prototype.Browser.IE)
		container.getElementsByTagName('img')[0].alt = '';



	console.group('Showing description for gallery tile %o', container);

	var id = /id_(\d+)/.exec(container.id)[1];

	var desc = eval('descriptions.id_'+id);
	if(desc)
	{
		console.info('Description found, %o. Proceeding...', desc);
		console.info('Calling the description fill callback, %o', description_fill_callback);

		// Filter the description popup's content
		//
		var desc_popup   = $('description_popup');
		var data         = Object.clone(desc);
		data.title       = data.title.escapeHTML().gsub("\n", '');
		data.description = desc.description.escapeHTML().gsub(/(\r?\n){3,}/, "\n\n").gsub("\n", '<br />').

			gsub(/:(icon|link)([^:]+):/, function(match){return '<em>'+match[2]+'</em>'}).
			gsub(/:([^:]+)(icon|link):/, function(match){return '<em>'+match[1]+'</em>'}).

			gsub(/\[url=[^\]]+\](.+?)\[\/url\]/, function(match){return '<em>'+match[1]+'</em>'}).
			gsub(/\[url\](.+?)\[\/url\]/, function(match){return '<em>'+match[1]+'</em>'}).

			gsub(/\[b\](.+?)\[\/b\]/, function(match){return '<strong>'+match[1]+'</strong>'}).
			gsub(/\[i\](.+?)\[\/i\]/, function(match){return '<em>'+match[1]+'</em>'}).
			gsub(/\[s\](.+?)\[\/s\]/, function(match){return '<strike>'+match[1]+'</strike>'}).
			gsub(/\[u\](.+?)\[\/u\]/, function(match){return '<u>'+match[1]+'</u>'});


		//
		// Calling the callback to fill the description
		//
		description_fill_callback(desc_popup, data);



		console.log('Calculating popup position...');

		// Figure out the coordinates where to put the description popup
		//
		var viewport_x = document.viewport.getWidth();
		var viewport_y = document.viewport.getHeight();

		var img = container.select('a img')[0];
		var tmp = img.cumulativeOffset();
		var container_x = tmp.left;
		var container_y = tmp.top;

		var container_width  = img.getWidth();
		var container_height = img.getHeight();

		//
		//
		// Initial popup placement and height
		//
		//
		var spawn_x = container_x + container_width + popup_x_offset;
		var spawn_y = container_y + use_popup_y_offset;

		var use_popup_width = popup_width;



		//
		// Corrections on axis X
		//

		if(spawn_x + use_popup_width < viewport_x)
		{
			// Horizontal direction = right
			//
			console.info('Horizontal position: right of tile');
		}
		else
		{
			// Horizontal direction = left
			//

			// Initial left placement X
			//
			spawn_x = container_x - popup_x_offset - use_popup_width;

			var tmp            = document.viewport.getScrollOffsets()[0];
			var left_overflow  = spawn_x - tmp;
			var max_width      = tmp + document.viewport.getDimensions().width;
			var right_overflow = max_width - (container_x + container_width + popup_x_offset + use_popup_width);



			if(left_overflow < 0)
			{
				// Popup went off the left side of the screen
				// We should determine on which side to show it, with reduced width
				//
				console.warn('Not enough space to fit the poup on neither sides');
				console.log('Overflow on the left: %d', left_overflow);
				console.log('Overflow on the right: %d', right_overflow);


				if(left_overflow > right_overflow)
				{
					// More space on the left
					//
					use_popup_width -= Math.abs(left_overflow) + width_autocorrect_offset;
					spawn_x = container_x - popup_x_offset - use_popup_width;
					console.info('Reducing popup width by %d, to %dpx', Math.abs(left_overflow), use_popup_width);
					console.info('Horizontal position: left of tile');
				}
				else
				{
					// More space on the right
					//
					use_popup_width -= Math.abs(right_overflow) + width_autocorrect_offset*2;
					spawn_x = container_x + container_width + popup_x_offset;
					console.info('Reducing popup width by %dpx, to %dpx', Math.abs(right_overflow), use_popup_width);
					console.info('Horizontal position: right of tile');
				}
			}
			else
			{

				console.info('Horizontal position: left of tile');
			}
		}




		//
		// Corrections on axis Y
		// Compensate for the height gain from adding variable length text to the popup.
		//
		var scroll_offset_y = document.viewport.getScrollOffsets()[1];
		var window_max_y    = (window.innerHeight ? window.innerHeight : document.documentElement.clientHeight) + scroll_offset_y;
		var popup_height    = desc_popup.getHeight();
		var popup_max_y     = spawn_y + popup_height;

		if(spawn_y < scroll_offset_y)
		{
			console.warn('Compensating for the popup overflow at the top. Moving the popup down by %dpx', scroll_offset_y - spawn_y);
			spawn_y = scroll_offset_y + 5;
		}
		else if(popup_max_y > window_max_y)
		{
			console.warn('Compensating for the popup overflow at the bottom. Moving the popup up by %dpx', popup_max_y - window_max_y);
			spawn_y -= popup_max_y - window_max_y + 5;
		}


		// Move to the position and show
		//
		desc_popup.style.left = spawn_x + 'px';
		desc_popup.style.top  = spawn_y + 'px';
		console.info('Moving popup to absolute coordinates: %dx%d', spawn_x, spawn_y);

		desc_popup.style.width = use_popup_width+'px';

		desc_popup.removeClassName('invisible');
		console.info('Displaying popup.');
	}
	else
	{
		console.warn('Description not found, aborting');
	}
}

function submissiontype_icon_mouseout(evt)
{
	$('description_popup').addClassName('invisible');
	// Processing ends when popup is closed
	//
	console.info('MouseOut event received. Hiding popup');
	console.groupEnd();
}