function component_SignIn(auto_id)
{
	this.DOMConstruct('SignIn', auto_id);
	
	var handler = this;
	
	this.references = [];
	
	this.delegates = {
		
	};
}

component_SignIn.prototype =
	new SK_ComponentHandler({

		construct : function( authed ){
			var handler = this;
			
			var $on = $('.st_on');
			var $off = $('.st_off');
			var $hidden = $('input[name=stealth]');
			
			if ( !authed )
			{
				$on.click(function(){
					$(this).addClass('bg_on');
					$off.removeClass('bg_off');
					$hidden.val('1');
				});
			
				$off.click(function(){
					$(this).addClass('bg_off');
					$on.removeClass('bg_on');
					$hidden.val('0');
				});
			}
			else
			{
				$on.click(function(){
					$(this).addClass('bg_on');
					$off.removeClass('bg_off');
					handler.ajaxCall( 'ajax_SetStatus', {status: 'on_hold'} );
				});

				$off.click(function(){
					$(this).addClass('bg_off');
					$on.removeClass('bg_on');
					handler.ajaxCall( 'ajax_SetStatus', {status: 'active'} );
				});
			}
		},
		
		saveLink : function() {
			window.sk_component_sign_in = this;
		},
	
		redirect: function(url) {
			if ( url == undefined ) 
				window.location.reload();
			else 
				window.location.href = url;
		},

		shown: false,
		showBox: function() {
			if (this.shown) {
				return false;
			}
			
			var box = new SK_FloatBox({
				$title:  this.$(".fb_title"),
				$contents: this.$(".fb_content"),
				width: "160px"
			});
			this.shown = true; 
			
			var handler = this;
			
			box.bind("close", function(){
				handler.shown = false;
			});
			
			return box;
		}
});