(function( $ ) {
  $.fn.tompaSlider = function(options) {

    // Do your awesome plugin stuff here

    // Create some defaults, extending them with any options that were provided
    var settings = $.extend( {
      'top'         : '150px',
      'height' 		: '150px',
	  'width'		: '390px',
	  'header_width' : '50px',
	  'z_index' 	: '800',
	  'speed' 		: 350
    }, options);					
	
	/*
	// top seems not to work in IE7
	$(this).css({
		'top' : settings.top,
		'width' : settings.header_width,
		'z-index' : settings.z_index
	});		
	*/
	

	this.css({
		'marginTop' : settings.top,
		'width' : settings.header_width,
		'z-index' : settings.z_index,
		'visibility' : 'visible'
	});

	this.find('.sliding-box-content').css({
		'paddingRight' : settings.header_width,
		'height' : settings.height
	});

	
	

	this.find('.sliding-box-header').css({
		'width' : settings.header_width,
		'height' : settings.height
	});	
	
	

	this.find('.sliding-box-header').click(function() {
		var toggle = $(this).data('toggle');
		
		if (isNaN(toggle))
		{
			toggle = false;
		}
		
		if (!toggle) {
			var nWidth = settings.width;
		} else {
			var nWidth = settings.header_width;
		}
		
		toggle = !toggle;
		$(this).data('toggle', toggle);										

		
		$(this).parents('.sliding-box').animate({
			width: nWidth
		}, settings.speed, function() {
			// Animation complete.
			// alert(toggle);
		});
		
		
	});	
		
	return this;	
  };
})( jQuery );