/*
  fcbkListSelection 1.10
  - Jquery version required: 1.2.x
  
  Changelog:
  - 1.1: added preselected items  
  - 1.0: project started
*/

/* Coded by: emposha <admin@emposha.com> */
/* Copyright: Emposha.com <http://www.emposha.com/> - Distributed under MIT - Keep this message! */
/*
* elem - ul element id or object
* width - width of ul
* height - height of each element
* row - number of items in row 
*/
jQuery.fcbkListSelection = function(elem, width, height, row) {
	
	// get content of tabs
	var getContent = function(elem, tab) {
		switch(tab) {
			case 'all'			: elem.children('li').show(); jQuery('ul#fcbklist li:not([class*="' + jQuery('ul#group_selections li.current').attr('id').replace('LI','') + '"])').hide(); break;
			case 'selected'		: elem.children('li:not([addedid])').hide(); elem.children('li[addedid]').show();  break;
			case 'unselected'	: elem.children('li[addedid]').hide(); elem.children('li:not([addedid])').show(); break;
		};
	};
	var hiddenCheck = function(obj) {
		switch(curTab()) {
			case 'all'			: elem.children('li').show(); jQuery('ul#fcbklist li:not([class*="' + jQuery('ul#group_selections li.current').attr('id').replace('LI','') + '"])').hide(); break;
			case 'selected'		: elem.children('li:not([addedid])').hide(); elem.children('li[addedid]').show(); break;
			case 'unselected'	: elem.children('li[addedid]').hide(); elem.children('li:not([addedid])').show(); break;
		};
	}; 
	
	// add to selected items function
	var addToSelected = function (obj) {
		if (obj.hasClass('itemselected')) {
			$('#view_selected_count').text(parseInt($('#view_selected_count').text(), 10) - 1);
			obj.parents('li').removeAttr('addedid');
			removeValue(obj);
		} else {
			$('#view_selected_count').text(parseInt($('#view_selected_count').text(), 10) + 1);
			obj.parents('li').attr('addedid', 'tester');
			addValue(obj);
		};
		hiddenCheck(obj);
	};
	
	// bind onmouseover && click event on item
	var bindEventsOnItems = function(elem) {            
		$.each(elem.children('li').children('.fcbklist_item'), function(i, obj) {
			obj = $(obj);
			if (obj.children('input[checked]').length != 0) {
				addToSelected(obj);
				obj.toggleClass('itemselected');
				obj.parents('li').toggleClass('liselected');
			};
			obj.click(function() {
				addToSelected(obj);
				obj.toggleClass('itemselected');
				obj.parents('li').toggleClass('liselected');
			});
			obj.mouseover(function() {
				obj.addClass('itemover');
			});
			obj.mouseout(function() {
				$('.itemover').removeClass('itemover');
			});
		});
	};
	
	// bind onclick event on filters
	var bindEventsOnTabs = function(elem) {
		$.each($('#selections li'), function(i, obj) {
			obj = $(obj);
			obj.click(function() {
				$('.view_on').removeClass('view_on');
				obj.addClass('view_on');
				getContent(elem, obj.attr('id').replace('view_', ''));
			});
		});
	};
	
	// create control tabs
	var createTabs = function(elem, width) {
		var html =	'<div id="filters" style="width: ' + (parseInt(width, 10) + 2) + 'px;">' +
					'<ul class="selections" id="selections"><li id="view_all" class="view_on">' +
					'<a onclick="return false;" href="#">Vedi tutti</a></li><li id="view_selected" class="">' +
					'<a onclick="return false;" href="#">Selezionati (<strong id="view_selected_count">0</strong>)</a></li>' +
					'<li id="view_unselected" class=""><a onclick="return false;" href="#">Non selezionati</a></li></ul>' +
					'<div class="clearer"></div></div>';
		elem.before(html);
	};
	
	// wrap elements with div
	var wrapElements = function(elem, width, height, row) {
		elem.children('li').wrapInner('<div class="fcbklist_item"></div>');
		$('.fcbklist_item').css('height', height + 'px');
		var newwidth = Math.ceil((parseInt(width, 10)) / parseInt(row, 10)) - 11;
		$('.fcbklist_item').css('width', (newwidth - 10) + 'px');
	};
	
	var addValue = function(obj, value) {
		// create input
		var inputid = elem.attr('id') + '_values';
		if ($('#' + inputid).length == 0) {
			var input = document.createElement('input');
			$(input).attr({'type': 'hidden', 'name': inputid, 'id': inputid, 'value': ''});
			elem.after(input);
		} else {
			var input = $('#' + inputid);
		};
		var randid = 'rand_' + randomId();
		if (!value) {
			value = obj.find('[type=hidden]').val();
			obj.find('[type=hidden]').attr('randid', randid);
		};
		var jsdata = new data(randid,value);
		var stored = jsToString(jsdata, $(input).val());
		$(input).val(stored);
		return input;
	};
	
	var jsToString = function (jsdata, json) {
		var string = '{';
		$.each(jsdata, function(i, item) {
			if (i) {
				string += "\""+i+"\":\""+item+"\",";
			};
		});
		try {
			eval('json = ' + json + ';');
			$.each(json, function(i, item) {
				if (i && item) {
					string += "\""+i+"\":\""+item+"\",";
				};
			});
		} catch (e) {
			// console.log(e);
		}
		// remove last ,
		string = string.substr(0, (string.length - 1));
		string += '}';
		
		return string;
	};
	
	var data = function(id, value) {
		try {
			eval('this.' + id + ' = value;');
		} catch (e) {
			// console.log(e);
		};
	};
	
	var removeValue = function(obj) {
		var randid = obj.find('[type=hidden]').attr('randid');
		var inputid = elem.attr('id') + '_values';
		if ($('#' + inputid).length != 0) {
			try {
				eval('json = ' + $('#' + inputid).val() + ';');
				var string = '{';
				$.each(json,function(i, item) {
					// console.log(i, randid);
					if (i && item && i != randid) {
						string += "\""+i+"\":\""+item+"\",";
					};
				});
				// remove last ,
				if (string.length > 2) {
					string = string.substr(0, (string.length - 1));
					string += '}';
				} else {
					string = '';
				};
				$('#' + inputid).val(string);
			} catch (e) {
				// console.log(e);
			};
		};
	};
	
	var randomId = function () {
		var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz';
		var string_length = 32;
		var randomstring = '';
		for (var i=0; i<string_length; i++) {
		var rnum = Math.floor(Math.random() * chars.length);
			randomstring += chars.substring(rnum, rnum + 1);
		};
		return randomstring;
	};
	
	var curTab = function() {
		return $('.view_on').attr('id').replace('view_', '');
	};
	// main
	if (typeof(elem) != 'object') elem = $(elem);
	elem.css('width', width + 'px');
	
	createTabs(elem, width);
	wrapElements(elem, width, height, row);
	
	bindEventsOnTabs(elem);
	bindEventsOnItems(elem);
}