/**
 * Modal Window Login Form jQuery plugin
 * author: Fabian Ospina for Adnet Group
 * 20 oct 2011
 */
jQuery.fn.extend({
loginModalFrom:function(params){
	var wrap=$($(this).parent()), link=$(this), action=(params.action)?params.action:'', userfield=(params.userfield)?params.userfield:'username', passfield=(params.passfield)?params.passfield:'password', objid=(params.objid)?params.objid:'loginModalFrom', forgot=(params.forgot)?params.forgot:'', actionblank=(params.actionblank)?params.actionblank:false, forgotblank=(params.forgotblank)?params.forgotblank:false, remember=(params.remember)?params.remember:false, rememfield=(params.rememfield)?params.rememfield:'remember', wtitle=(params.title)?params.title:'', icon=(params.icon)?params.icon:'';

	var actTblak = (actionblank)?' target="_blank" ':'';
	var forgTblak = (forgotblank)?' target="_blank" ':'';
	var rememberme = (remember)?'<input type="checkbox" title="Recordarme" alt="Recordarme" value="1" class="inputbox" id="cd_login_remember" name="'+rememfield+'"><label title="Recordarme" class="cd_login-labelremember" for="cd_login_remember">Recordarme</label>':'';
	var iconclass = (icon!='')?' style="background-image:url('+icon+')"':'';
	var forgotLink = (forgot!='')?'<a class="cd_login-lostpassword" title="Olvido contraseña" href="'+forgot+'"'+forgTblak+'>Olvide la contraseña</a>':'';

	wrap.append('<table id="'+objid+'_tb" cellspacing="0" class="bk_mod_login"><tbody><tr><td class="leftsupbrd"></td><td class="supbk"></td><td class="rightsupbrd"></td></tr><tr><td class="leftmed"></td><td class="medbk"></td><td class="rightmed"></td></tr><tr><td class="leftinfbrd"></td><td class="infbk"></td><td class="rightinfbrd"></td></tr></tbody></table><div id="'+objid+'_wrp" class="mod_cd_login"><div class="highslide-html" style=""><div class="highslide-html-wrap"><div id="highslide-html-loginform" class="highslide-html-content"><div class="highslide-html-content-header"><div class="highslide-move"><span>'+wtitle+'</span><a title="Cerrar" class="control" href="#" id="'+objid+'_cls">X</a></div></div><div class="highslide-wrap"><div class="highslide-body"><form name="loginForm" method="post" action="'+action+'"'+actTblak+'><table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody><tr><td><label class="cd_login-labelusername" for="cd_login_username">Usuario</label><br><input type="text" size="10" alt="usuario" class="inputbox" id="cd_login_username" name="'+userfield+'"><br><label class="cd_login-labelpassword" for="cd_login_password">Contraseña</label><br><input type="password" alt="password" size="10" class="inputbox" name="'+passfield+'" id="cd_login_password"><br><div class="cd_login-form-submit"><div class="cd_login-form-input">'+rememberme+'</div><input type="submit" value="" title="Login" class="cd_login-loginbutton" name="Submit">'+forgotLink+'</div></td></tr></tbody></table><div class="cd_imglogo"'+iconclass+'></div></form></div></div></div></div></div></div>');

	var twidth = $('table#'+objid+'_tb').width();
	var theight = $('table#'+objid+'_tb').height();
	var wwidth = $('div#'+objid+'_wrp').width();
	var wheight = $('div#'+objid+'_wrp').height();

	link.click(function(e){
		e.preventDefault();
		//close all before
		$('table.bk_mod_login').css({'width':'0px','height':'0px','opacity':'0','display':'none'});
		$('div.mod_cd_login').css({'width':'0px','height':'0px','opacity':'0','display':'none'});
		//
		$('table#'+objid+'_tb').css({'width':'0px','height':'0px','opacity':'0'}).animate({
			width: twidth,
			height: theight,
			opacity: '1'
		},400);
		$('div#'+objid+'_wrp').css({'width':'0px','height':'0px','opacity':'0'}).animate({
			width: wwidth,
			height: wheight,
			opacity: '1'
		},400);
	});

	$('a#'+objid+'_cls').click(function(e){
		e.preventDefault();
		$('table#'+objid+'_tb').css({'width':twidth,'height':theight,'opacity':'1'}).animate({
			width: '0',
			height: '0',
			opacity: '0'
		},400,function(){
			$('table#'+objid+'_tb').css('display', 'none');
		});
		$('div#'+objid+'_wrp').css({'width':wwidth,'height':wheight,'opacity':'1'}).animate({
			width: '0',
			height: '0',
			opacity: '0',
			display: 'none'
		},400,function(){
			$('div#'+objid+'_wrp').css('display', 'none');
		});
	});
}});