$(document).ready(function(){
	$('div#widget-window').removeClass();
	$('div#widget-window').addClass($('div#widget-collection').children('div:first').attr("class")+" widget-window");
	if ($('div#widget-collection').children('div:first').children('ul:last')) {
		$str = "<ul>" + $('div#widget-collection').children('div:first').children('ul:last').html() + "</ul>";
		$('div#widget-window').html($str);
	}
	else { $('div#widget-window').html($('div#widget-collection').children('div:first').children('div:last').html()); }
	$('div#widget-window').children().show();
	$('div#widget-collection').children('div:first').children('h3').addClass('active');
	$('#arrow').css("top", "41px");
	$('#arrow').css("left", "29px");
});

$('div#widget-collection h3').click(function(ev) {
	$('div#widget-window').removeClass();
	$('div#widget-window').addClass($(this).parent().attr("class")+" widget-window");
	if ($(this).next().is('ul')) {
		$str = "<ul>" + $(this).next().html() + "</ul>";
		$('div#widget-window').html($str);
	}
	else { $('div#widget-window').html($(this).next().html()); }
	$('div#widget-window').children().show();
	
	$(this).parent().siblings().children('h3').removeClass();
	$(this).addClass('active');
	
	position = $(this).parent().position();
	$('#arrow').css("top", (position.top+41)+"px");
	$('#arrow').css("left", (position.left+29)+"px");
});