// set the list selector
var setSelector = "#box_tabs_sortable";
// set the cookie name
var setCookieName = "listOrder";
var setCookieName2 = "listToggle";
// set the cookie expiry time (days):
var setCookieExpiry = 30;

	var TogArr = new Array(1, 1, 1, 1, 1, 1, 1, 1);
	//TogArr[0] = 1;
	
	if (!$.cookie(setCookieName2)){
		$.cookie(setCookieName2, TogArr, { expires: setCookieExpiry, path: "/" });
	}
	else
	{
		TogArr = $.cookie(setCookieName2).split(",");
	}
	
	

// function that writes the list order to a cookie
function getOrder() {
	// save custom order to cookie
	$.cookie(setCookieName, $(setSelector).sortable("toArray"), { expires: setCookieExpiry, path: "/" });
}


// function that restores the list order from a cookie
function restoreOrder() {
	var list = $(setSelector);
	if (list == null) return
	
	// fetch the cookie value (saved order)
	var cookie = $.cookie(setCookieName);
	if (!cookie) return;
	
	// make array from saved order
	var IDs = cookie.split(",");
	// fetch current order
	var items = list.sortable("toArray");
	
	// make array from current order
	var rebuild = new Array();
	for ( var v=0, len=items.length; v<len; v++ ){
		rebuild[items[v]] = items[v];
	}
	
	for (var i = 0, n = IDs.length; i < n; i++) {
		
		// item id from saved order
		var itemID = IDs[i];
		
		if (itemID in rebuild) {
		
			// select item id from current order
			var item = rebuild[itemID];
			
			// select the item according to current order
			var child = $("ul.box_tabs_sortable").children("#" + item);
			
			// select the item according to the saved order
			var savedOrd = $("ul.box_tabs_sortable").children("#" + itemID);
			
			// remove all the items
			child.remove();
			
			// add the items in turn according to saved order
			// we need to filter here since the "ui-sortable"
			// class is applied to all ul elements and we
			// only want the very first!  You can modify this
			// to support multiple lists - not tested!
			$("ul.box_tabs_sortable").filter(":first").append(savedOrd);
		}
	}
	
}


// code executed when the document loads
$(function() {
	// here, we allow the user to sort the items
	$(setSelector).sortable({
		cursor: "move",
		update: function() {getOrder();}
	});
	
	// here, we reload the saved order
	restoreOrder();
	//initMenus();
	
	$('a.close_btn').click(function() {
		
	   var name = $(this).attr('name');
	   var id = $(this).attr('id');
	   
		if(TogArr[id]==1)
		{
			TogArr[id] = 0;
			$('.hidecontent' + name).hide('blind');
		}
		else{			
			TogArr[id] = 1;
			$('.hidecontent' + name).show('blind');
		}
		$.cookie(setCookieName2, TogArr, { expires: setCookieExpiry, path: "/" });
		
	   return false;

	});
	
		
		$.each(TogArr, function(index, value){
			var t_name = $('#' + index).attr('name');
			
			if(value==1){
				
				$('.hidecontent' + t_name).css('display', '');
				
			}
			else
			{
				
				$('.hidecontent' + t_name).css('display', 'none');
				
			}
		});
		return false;
	
});