//slideshowgroup_planner
$(document).ready(function()
{
	/* script changed the slideshow_id of the filmstrip */
	if($('div[name=slideshowgroup_planner]').length == 0)
	{
		return true;
	}

	var iTop = ($('#tdFrameSelect').height() - $('#divFrameSelect').height()) / 2;
	$('#divFrameSelect').css({'top': iTop + 'px'});
	$('ul[name=ul_selected]').sortable(
	{
		update: function()
				{
					setSlideshowIds()
				}
	});

	bindEvents();
	setSlideshowIds();

	$('.ui-icon-plus').unbind().click(function()
	{
		var oParent = $(this).parents('li:first');

		oClone = oParent.clone().appendTo($('ul[name=ul_selected]'));

		$('span[name=sort_span]', oClone).removeClass('ui-helper-hidden').addClass('ui-icon-arrowthick-2-n-s ui-icon');
		$('span[name=icon_span]', oClone).removeClass('ui-icon-plus').addClass('ui-icon-minus');

		$('.remove-all').unbind().click(function()
		{
			$('li[name=li_list]', $('ul[name=ul_selected]')).remove();

			bindEvents();
			setSlideshowIds();
		});

		bindEvents();
		setSlideshowIds();

		return false;
	});

	$('input[name=name_filter]').focus(function() {
		$(this).addClass('ui-state-active');
	})
	$('input[name=name_filter]').blur(function() {
		$(this).removeClass('ui-state-active');
	})
	$('input[name=name_filter]').keypress(function(e) {
		if (e.keyCode == 13)
			return false;
	})
	$('input[name=name_filter]').keyup(function() {
		var sFilter = $('input[name=name_filter]').val().toLowerCase();

		$('li[name=li_list]' , $('ul[name=ul_available]')).each(function(iIndex, oElement)
		{
			if ($(oElement).attr('title').toLowerCase().indexOf(sFilter) > -1)
			{
				$(oElement).show();
			}
			else
			{
				$(oElement).hide();
			}
		});
	});
});

function bindEvents()
{
	$('.ui-icon-minus').unbind().click(function()
	{
		var oParent = $(this).parents('li:first');

		$(oParent).remove();
		setSlideshowIds();

		return false;
	});

	$('li[name=li_list]', $('ul[name=ul_selected]')).removeClass('ui-state-hover');

	$('li[name=li_list]').mouseover(function()
	{
		$(this).addClass('ui-state-hover');
	});

	$('li[name=li_list]').mouseout(function()
	{
		$(this).removeClass('ui-state-hover');
	});

}

function setSlideshowIds()
{
	var sId = $('span[name=id]', 'ul[name=ul_selected]').map(function()
	{
		return $(this).html();
	}).get().join(',');

	if (sId == '')
	{
		sId = '-1';
	}

	var aId = sId.split(',');
	$('input[name=slideshow_id]').attr('value', aId[0]);
	$('input[name=multipleshows_ids]').attr('value', sId);
}