(function($){

    $.fn.cabinet = function(callerSettings) {
	
	var cabinet_id = this;
	
	$(cabinet_id).bind('click',function(){
		winW = document.body.offsetWidth;
		winH = document.body.offsetHeight
		$('.cabinet_box').remove();
		$('#cabinet_form').remove();
		$('body').append('<div class="cabinet_box"></div>');
		$('body').append('<div id="cabinet_form"></div>');
		$('#cabinet_form').append('<div class="wrp"></div>');
		$('#cabinet_form').css( "left", ((winW-692)/2)+'px' );
		
		$('#cabinet_form .wrp').append('<img src="/img/close2.jpg" id="cabinet_close" border="0" width="32" height="32" align="right" />');
		$('#cabinet_form .wrp').append('<h1>'+((callerSettings.lang=='ukr')?'Îñîáèñòèé êàá³íåò':'Ëè÷íûé êàáèíåò')+'</h1>');
		$('#cabinet_form .wrp').append('<hr />');
		app = '<form name="form1" method="POST" action="">';
		app += '<div class="col1">';
		app += '<label>Email:</label><input type="text" name="form[login]" style="width:270px;" class="idle" onblur = "this.className=\'idle\'" onfocus = "this.className=\'activeField\'" size="40" /><label>Ïàðîëü:</label><input type="password" name="form[pass]" style="width:270px;" class="idle" onblur = "this.className=\'idle\'" onfocus = "this.className=\'activeField\'" size="40" /><a href="/account/remind/" class="link_blue">'+((callerSettings.lang=='ukr')?'³äíîâèòè ïàðîëü':'Âîññòàíîâèòü ïàðîëü')+'</a><input type="hidden" name="signup" value="ok">';
		app += '</div>';
		app += '<div class="col2">';
		app += '<span class="noaccount">'+((callerSettings.lang=='ukr')?'Íåìຠîáë³êîâîãî çàïèñó?':'Íåò ó÷åòíîé çàïèñè?')+'</span><br />';
		app += '<span class="registration"><a href="'+((callerSettings.lang=='ukr')?'/ukr':'')+'/account/registration/" class="link_blue">'+((callerSettings.lang=='ukr')?'Çàðåºñòðóâàòèñÿ?':'Çàðåãèñòðèðîâàòüñÿ?')+'</a></span><br /><br />';
		app += '<span class="noaccount">'+((callerSettings.lang=='ukr')?'Àâòîðèçóâàòèñÿ ÷åðåç ñîö. ìåðåæ³':'Àâòîðèçîâàòüñÿ ÷åðåç ñîö. ñåòè')+'</span><br />';
		app += '<div align="center">';
		app += '<table>';
		app += '<tr>';
		app += '<td><span onClick="window.location=\'http://oauth.vk.com/authorize?client_id=3079859&scope=&redirect_uri=http://extremstyle.ua/social/login-vkontakte.php&response_type=code\';" id="login_social_vkontakte" style="padding: 8px 0 10px 30px; cursor:pointer;">&nbsp;</span></td>';
		app += '<td><span onClick="window.location=\'/social/index.php?login&oauth_provider=facebook\';" id="login_social_facebook" style="padding: 8px 0 10px 30px; cursor:pointer;">&nbsp;</span></td>';
		app += '<td><span onClick="window.location=\'https://accounts.google.com/o/oauth2/auth?response_type=code&redirect_uri=http%3A%2F%2Fextremstyle.ua%2Fsocial%2Findex2.php&client_id=1065339127035.apps.googleusercontent.com&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.me\';" id="login_social_twitter" style="padding: 8px 0 10px 30px; cursor:pointer;">&nbsp;</span></td>';
		app += '</tr>';
		app += '</table>';
		app += '</div>';
		app += '</div>';
		app += '<div class="both"></div><hr />';
		app += '<center><input type="submit" class="submit5" value="'+((callerSettings.lang=='ukr')?'Ââ³éòè':'Âîéòè')+'" /></center>';
		app += '</form>';
		
		$('#cabinet_form .wrp').append(app);
		
		$(".cabinet_box, #cabinet_close").click(function() {
			$('.cabinet_box').remove();
			$('#cabinet_form').remove();
		});		
	});
	
	}	

})(jQuery);