var sortablesInstance;
var sitecontext;
var menurightcontext;
var js_profil_user_id;
var do_refresh_boxes = false;

document.addEvent('domready', function() {

	var contentBoxes = $$('#sortLeft, #sortRight, #sortMid, #sortOrigin');
	if (typeof (mySortables) != 'undefined' )
	sortablesInstance = new mySortables(contentBoxes, {
		handle: '.drag',
	    constrain: true,
	    clone: true,
	    revert: true,
		onStart: function(){
			 contentBoxes.addClass('viewDropZone');
			 makeuneditable();
			 do_refresh_boxes = true;
		},
		onComplete: function(el){
			if (!do_refresh_boxes) return;
			do_refresh_boxes = false;
		 	contentBoxes.removeClass('viewDropZone');
		 	
		 	new Request({
				method: 'get',
				evalScripts:true,
				url: "/ajax/getbox/?"+'parentdiv='+el.parentNode.id+'&sitecontext='+sitecontext+'&js_profil_user_id='+js_profil_user_id+'&menurightcontext='+menurightcontext+'&box_idstr='+el.get('id'),
				onSuccess: 	function(result) {
		 			if (result!="")
		 			{
		 				sortablesInstance.removeItems(el);
		 				if (result!='notloggedin')
		 				{
							var dummydiv = new Element('div',{
								'html': result
							});
							var div = dummydiv.getFirst();
							div.replaces(el);
							sortablesInstance.addItems(div);
		 				}
		 			}
		 			new Request({
						method: 'post',
						url: "/ajax/saveboxes/",
						onSuccess: 	function(result) {
							if (result!="")
							{
								//alert(result);
							}
						}
					}).send('sitecontext='+sitecontext+'&menurightcontext='+menurightcontext+'&boxorder='+JSON.encode(sortablesInstance.serialize()));
				}
			}).send();
		 	
		}
	});
	init_dynelements();
	
	$$('.chat li .text').each(function (chattext){
		chatparse(chattext);
	});
	
	$$('.profildata .rating li').addEvent('mouseover', function(){ratingtext(this);});
	$$('.profildata .rating').addEvent('mouseout', function(){ratingtext_restore(this);})

});

var last_typed_key=0;
last_typed_key_time=0;
function mykeydown(event)
{
	if (!event)
	event = window.event;

	var keycode=0;
	if( event.which )
	{
		keycode = event.which;
	}else if (event.keyCode)
	{
		keycode = event.keyCode;
	}
	
	
	// Esc
	if (keycode==27)
	{
		var google_title='Google';
		if (document.title==google_title)
		{
			document.title=title_backup;
		}
		else
		{
			title_backup=document.title;
			document.title=google_title;
		}
		if ($('googlelayer'))
		{
			$('googlelayer').toggleClass('hidden');
			$('container').toggleClass('hidden');
		} else	{
			var layer=new Element('div',{
				'id':'googlelayer',
				'html':'<a style="cursor:default" href="http://www.google.de/"><img style="z-index:1001" src="/images/google.gif"></a>'
				});
			layer.inject($(document.body));
			layer.setStyles({
				'position':'fixed',
				'background-color' : '#fff',
				'z-index':'1000',
				'left':'0px','right':'0px','top':'0px','bottom':'0px','text-align':'center'
				});
			$('container').toggleClass('hidden');
		}
	}
	
	if (keycode==18 && last_typed_key==18 && (new Date().getTime() - last_typed_key_time) < 1000 )
	{
		document.location.href='/intern/?ref='+document.location.href;
	}
	last_typed_key=keycode;
	last_typed_key_time=new Date().getTime();
}

document.onkeydown = mykeydown;




function redirect(url)
{
	window.location = url;
}

function init_dynelements()
{
	$$('.userpic').each(function(pic){
		var imgSrc = 'http://static1.myklique.de/files/profil/small/'+pic.get('rel')+'.jpeg';
		var img = new Element('img',{
			'src': imgSrc
		});
		
		pic.store('tip:text', img);
	});
	
	var myTips = new Tips($$('.userpic'),{
		'offsets': {
			'x': -85,
			'y': -100
		}
	});
}