$(function() {
	$('#widget').accordion({header: 'span', event: 'mouseover'});

	collapsed_box();
	$("div.panel").click(function () { 
		var getCss = $(this).next().css('display');
		$(this).next().slideToggle(600);
		var id = $(this).next().attr('id');
        if (getCss == 'block') {
			$(this).find('a').css("background-image","url(/wp-content/themes/thematic/files/imgs/panel_a.gif)");
			change_cookies_array(id);
		}
		else {
			delete_cookies_array(id);
			$(this).find('a').css("background-image","url(/wp-content/themes/thematic/files/imgs/panel.gif)");
		}
	});
});


function change_cookies_array(id) {
	var collap = $.cookie('collapsed');
	var temp = new Array();
	if (collap) {
		var collap_arr = collap.split(";");
		for (i in collap_arr) {
			if (temp[i]) continue;
			temp[i] = collap_arr[i];
		}
		temp[temp.length] = id;
	}
	else {
		temp[0]=id;
	}
	$.cookie('collapsed', temp.join(";"));
	//alert($.cookie('collapsed'));
}

function delete_cookies_array(id) {
	var num;
	var collap = $.cookie('collapsed');
	var temp = new Array();
	if (collap) {
		var collap_arr = collap.split(";");
		for (i in collap_arr) {
			temp[i] = collap_arr[i];
			if (collap_arr[i] == id) {
			num = i;
			}
		}
		temp.splice(num,1);
	}
	$.cookie('collapsed', temp.join(";"), { expires: 0});
}

function collapsed_box(){
	//$.cookie('collapsed', null);
	var collap = $.cookie('collapsed');
	if (collap) {
		var collap_arr = collap.split(";");
		for (i in collap_arr) {
			$('#' + collap_arr[i]).css('display', 'none');
			$('#' + collap_arr[i]).prev().find('a').css("background-image","url(/wp-content/themes/thematic/files/imgs/panel_a.gif)");
		}
	}
}