var menuStatus = Array();

/* used for the cookie thing. Remove val if
 * it's in the array and add it if not */
function csv2array (str) {
  if ( ! str) return new Array();
      var arr = new Array();
      var tmp = "";
      for (var i=0; i < str.length; i++) {
        if (str[i] == ",") {
          arr.push(tmp);
          tmp = "";
        } else 
          tmp += str[i];
      }
      arr.push(tmp);
      return arr;
}

function toggleInArray(arr, val) {
  if (val == "") return arr; // don't try to fool me!
  for (var i=0; i < arr.length; i++) {
    if (arr[i] == val) {
      arr.splice(i, 1);
      return arr;
      }
  }
  arr.push(val);
  return arr;
}

function toggleStatus(val) {
  $.cookie('tomk32_menu_status', toggleInArray(menuStatus, val));
}


/* helper to fix those bloddy IE 6 transparency  */
jQuery.fn.fixPngBackgrounds = function() {
	if($.browser.msie)
    {
    this.each(function () {
    var currentBkg = this.currentStyle.backgroundImage;
    if(currentBkg && currentBkg.length > 0)
    {
      this.runtimeStyle.backgroundImage = "none"; // Remove the existing background
      var urlOnly = currentBkg.substring(5,
(currentBkg.length-2)); // Strip 'url(" and '")'
      this.runtimeStyle.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + urlOnly +
"', sizingMethod='scale')"
    }
    });
    }
} 


/* here starts the important JQuery stuff */

$(document).ready(
	function() {


	$('.portlet').not('.show').children('.title').each(function(e) {
		var a = $('<a href="javascript:;" title="click to show/hide the box">' + $(this).text() + '</a>');

		$(this).text("");
		$(this).append(a);
	});



	$('.portlet .title a').click(function() {
		$(this).parents('.portlet:first').toggleClass('show');
		// we use the .portlet's id to store it in the cookie
		toggleStatus($(this).parents('.portlet:first').attr('id'));
		if ($(this).parents('.portlet:first').is('.show')) {
			$(this).parent().siblings().show(0);
		} else {
			$(this).parent().siblings().hide(0);
		}
	});

	$(".portlet .wrapper").each(function(el) {
		$(this).after('<div class="bottom"></div>');
		$(this).children(':last').addClass('last');
	});

	// read cookie and set the opened ones to class="show"
	var menuStatusString = $.cookie('tomk32_menu_status');

	if (menuStatusString != null ) {
	  menuStatus = csv2array(menuStatusString);
	  for (var i=0; i < menuStatus.length; i++)
	    $('#' + menuStatus[i] + ' .title a').addClass('show');
	}

	$('.portlet').not('.show').children().not('.title').hide(0);



		// keep first two shown
		if (typeof postsShowFully == "undefined")
			postsShowFully = 2;
		else {
			if (postsShowFully == 0)
				postsShowFully = 2;
		}
		$(".post:lt(" + postsShowFully + ")").addClass('show');


	$('.post').not('.show').children('h2.title a').one('click', function() {
		$(this).siblings().show(0);
		return false;
	});
	$('.post').not('.show').children().not('h2.title').hide(0);



	// first we warp the .postwrap (yes stuipidly awesome...
	$(".postwrap").each(function(el) { 
		var postwrap = $(this).children().clone();
		$(this).empty();
		$(this).prepend('<div class="wrapper"></div>');
		$(this).children('.wrapper').prepend(postwrap);
		$(this).children('.wrapper').children(':last').addClass('last');
		$(this).children('.wrapper').wrap('<div class="side-right"><div class="side-left"></div></div>');
			});

	//  then we put some additional divs into each postwrap
	$(".postwrap").each(function(el) {
		$(this).prepend('<div class="post-top-left"><div class="post-top-right"><div class="post-top-center"></div></div></div>');
	});	$(".postwrap").each(function(el) {
		$(this).append('<div class="post-bottom-left"><div class="post-bottom-right"><div class="post-bottom-center"></div></div></div>');
	});


	// fix IE transparency
	$(".png").fixPngBackgrounds();


});