var teeko = {
	checklogin: function(data) {
		
		if(typeof data === 'object')
		{
			if(data.status === true)
			{
				$('#container').animate({'opacity':'0'}, 500, function() 
				{
					Request('function/XML/GetTemplate',{'async':'false', 'successFunction':'GetElementClasses', 'append':'true', 'dest':'main_container', 'method':'get'},{'file':'sites/testi2/action/app/main/dash.xml'});
					
				    Request('function/XML/GetTemplate',"{'async':'false', 'append':'true', 'dest':'-body', 'method':'get'}","{'file':'sites/teeko2/action/app/editor/pagemap.xml'}");		
				    Request('function/XML/GetTemplate',"{'async':'false', 'append':'true', 'dest':'-body', 'method':'get'}","{'file':'sites/teeko2/action/app/editor/top_toolbar.xml'}");
				    Request('function/XML/GetTemplate',"{'async':'false', 'append':'true', 'dest':'-body', 'method':'get'}","{'file':'sites/teeko2/action/app/editor/control_panel.xml'}");
//					$('#login_box').remove();
//					StartToEditElements();
				});
			}
			else
			{
				this.popup('Väärä salasana tai käyttäjätunnus!');
			}		
		}		
	},
	validate: function(form) {
		var username = $('input[name=input.username]').fieldValue(); 
//    	var password = $('input[name=input.password]').fieldValue(); 
		var password = $("input:password").fieldValue();

		Request('function/users/CheckUser',{async:'false', datatype:'json', append:'false', successFunction:'teeko.checklogin(data)',dest:'false', method:'get'}, {username:username,password:password});
    	
    },
	login: function(form) {
/*		$('#login_button').click(function() {
			form.submit();
		});
*/		
//		$(form).submit(function() {
//			$(form).ajaxSubmit({ beforeSubmit: this.validate });
			
//			return false;
//		});		
		//form.ajaxForm( { beforeSubmit: this.validate } );
		
	/*
var usernameValue = $('input[@name=username]').fieldValue(); 
    var passwordValue = $('input[@name=password]').fieldValue(); 
 
    // usernameValue and passwordValue are arrays but we can do simple 
    // "not" tests to see if the arrays are empty 
    if (!usernameValue[0] || !passwordValue[0]) { 
        alert('Please enter a value for both Username and Password'); 
        return false; 
    } 
    	
		$(form).validate(
		{
   			submitHandler: function(form) 
   			{	
   				var username = $(form).find('#username').attr('value');
   				var password = $(form).find('#password').attr('value');
   				
				Request('function/users/CheckUser',{async:'false', datatype:'json', append:'false', successFunction:'teeko.checklogin(data)',dest:'false', method:'get'}, {username:username,password:password});
   			},
   			errorPlacement: function(error, element) 
   			{
   				$(element.attr("error")).show();
   				
   				if($(element).attr('errorClass') !== "") $(element).addClass($(element).attr('errorClass'));
   				
   				$("#"+element.attr("id")).keyup(function() 
   				{
	   				if($(element).attr('errorClass') !== "") 
					    $(element).removeClass($(element).attr('errorClass'));
					    
	   				$(element.attr("error")).hide();   		
   				});
   			}
		});		
		*/
	},
	popup_show: function(data) {
		var id = "#teeko_popup";
		$("#popup_overlay").append(data);
		
//		var elwidth = $(id).css('width');
//		var elheight = $(id).css('height');
//		$(id).css({width:"0px",height:"0px"});
//		$(id).animate({width:elwidth,height:elheight},200,function(){ });
	},
	popup: function(message) {
		$("#main_container").append('<div id="popup_overlay" style="position:fixed;left:0px;top:0px;height:100%;width:100%;background-color:#000;opacity:0"></div>');
		
		$('#popup_overlay').animate({opacity:0.2},200);
		
		Request('function/XML/GetFormElement',{'append':'true', 'dest':'false', 'method':'get', 'successFunction':'teeko.popup_show(data)'},{file:'action/windows/teekobox.xml.html',parm:'{"attributes": {"value":"Testos","style":"color:white;position:absolute;top:50%;left:50%px;width:200px;height:200px;"}, "id":"teeko_popup"}' });				
		
//		Request('function/XML/GetElement',{'append':'true', 'dest':'false', 'method':'get', 'successFunction':'teeko.popup_show(data)'},{xml:'<?xml version="1.0" encoding="UTF-8"?><template id="newdiv"><teekobox id="teekoboxia"><attribute title="Virhe!"/><attribute close="true"/><css top="50%"/><css left="50%"/><css position="fixed"/><css width="200px"/><css height="200px"/></teekobox></template>'});


	/*	$('#main_container').append('<div id="popup_info" style="width:0px;height:0px;position:fixed;left:50%;top:50%;background-color:gray;white-space:nowrap">'+message+'</div>');		
		$('#popup_overlay').animate({opacity:0.2},200);
		$('#popup_info').animate({width:'200px',height:'200px',marginLeft:'-100px', marginTop:'-100px'},400);
	*/
	}
}





var parent_showed = false;


jQuery.fn.validation = function(act, dest)
{
	$(this).validate(
	{
   		submitHandler: function(form) 
   		{
			Request(act, {'method':'get','dest':dest}, $(form).attr('id'));
   		},
   		errorPlacement: function(error, element) 
   		{
   			$(element.attr("error")).show();
   			
   			if($(element).attr('errorClass') !== "")   			
	     		$(element).addClass($(element).attr('errorClass'));
   			
   			$("#"+element.attr("id")).keyup(function() 
   			{
	   			if($(element).attr('errorClass') !== "") 
				    $(element).removeClass($(element).attr('errorClass'));
				    
	   			$(element.attr("error")).hide();   		
   			});
   		}
	});	
}

jQuery.fn.getattr = function(attr, pos, sum) 
{
	var value = $(this).css(attr);
	if(sum > 0)
	{
		value = parseFloat(value.replace('px',''));
		
		if(pos == '-') value = value - sum;
		if(pos == '+') value = value + sum;
		
		value = value +'px';
	}

	return value;
}

jQuery.fn.teeko_effects_show = function(element_id) 
{
	var parent_id = $(this).parent().attr('id');
	if(parent_id == element_id)
	{
		parent_id = $(this).attr('id');
	}

	parent_showed = parent_id;
	
	if( $("#element_hider").length == 0 )
	{
		$("#main_container").append("<style type='text/css'>#element_hider{text-align:center;margin-left:-500px;cursor:pointer;color:white;background-color:red;position:fixed;z-index:9999;left:0px;top:50px;width:200px;height:40px;opacity:0.5}</style><div id='element_hider'>Hävitit elementit. Paina tästä jos haluat ne takaisin</div>");
		
	    $("#element_hider").hover(
    	  function () {
        	$(this).animate({opacity:1});
      	}, 
      	function () {
        	$(this).animate({opacity:0.5});
      		}
    	);
    		
		$("#element_hider").click( function(e) 
		{
			showed = false;
			$(this).teeko_effects_hide('background');
			e.stopPropagation();
		});
	}

	$("#element_hider").animate( {marginLeft:'+=500px'}, 400 );
				
	$("#"+element_id+" .resizable:not(#"+parent_id+"):not(#"+parent_id+" *)").animate({marginLeft:'-=2000px',marginTop:'-=1000px'},1000);
}

jQuery.fn.teeko_effects_hide = function(element_id) 
{
	$("#element_hider").animate( {marginLeft:'-=500px'}, 400 );
	
	parent_id = parent_showed;
	parent_showed = false;
	$("#"+element_id+" .resizable:not(#"+parent_id+"):not(#"+parent_id+" *)").animate({marginLeft:'+=2000px',marginTop:'+=1000px'},1000);		
}