var shint=function(){
	var id = 'tt';
	var top = 150;
	var left = 15;
	var maxw = 640;

	var timer = 300;
	
	var tt,t,c,b,h;
	var ie = document.all ? true : false;
	return{
		show:function(iElement,v,w){
			if (iElement==null){
				return;
			}
			if(tt == null){
				tt = document.createElement('div');
				tt.setAttribute('id',id);
				t = document.createElement('div');
				t.setAttribute('id',id + 'top');
				c = document.createElement('div');
				c.setAttribute('id',id + 'cont');
				b = document.createElement('div');
				b.setAttribute('id',id + 'bot');
				tt.appendChild(t);
				tt.appendChild(c);
				tt.appendChild(b);
				document.body.appendChild(tt);
				tt.style.display = 'none';
				//document.onmouseover = this.pos(iElement);
			}
			
			tt.style.display = 'block';
			tt.style.position = 'absolute';
			
			
			c.innerHTML = decodeURIComponent(v);//'<b>s</b>';
			tt.style.width = w ? w + 'px' : 'auto';
			
			if(!w && ie){
				t.style.display = 'none';
				b.style.display = 'none';
				tt.style.width = tt.offsetWidth;
				t.style.display = 'block';
				b.style.display = 'block';
			}
			if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
			//tt.style.width = maxw + 'px';
			//h = parseInt(tt.offsetHeight) + top;
			h = parseInt(tt.offsetHeight);
			
			this.pos(iElement);
			
			tt.style.display = 'none';
			clearInterval(tt.timer);
			tt.timer = setInterval(function(){shint.fade(1)},timer);
		},
		pos:function(iElement){
			//var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
			//var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
			//tt.style.top = (u - h) + 'px';
			//tt.style.left = (l + left) + 'px';
			
			//viewPort = document.viewport.getDimensions();
			//var viewPort(window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
      		//window.pageYOffset || document.documentElement.scrollTop  || document.body.scrollTop);
      		//var viewPort.width =1000;
      		//viewPort.height =600;
      		
			elementOffset = this.findPos(iElement);
			// does not work in prototype:
			//elementOffset = iElement.cumulativeOffset();
			
			if (elementOffset.x + maxw > 1500){
				// show TT left
				//$(tt).clonePosition(iElement, {setLeft:true, setTop:true, setWidth:false, setHeight:false, offsetLeft:-300, offsetTop:-h});
				
				$('tt').style.left = (elementOffset.x - maxw - 30) + 'px';
				$('tt').style.top = (elementOffset.y - 30) + 'px';
				
				/*
				$('tt').addClassName('alternative');
				$('tttop').addClassName('alternative');
				$('ttcont').addClassName('alternative');
				$('ttbot').addClassName('alternative');
				*/

			}
			else {
				//show TT right
				//$(tt).clonePosition(iElement, {setLeft:true, setTop:true, setWidth:false, setHeight:false, offsetLeft:21, offsetTop:-h});
				
				$('tt').style.left = (elementOffset.x + 21) + 'px';
				$('tt').style.top = (elementOffset.y - h) + 'px';
				
				/*
				$('tt').removeClassName('alternative');
				$('tttop').removeClassName('alternative');
				$('ttcont').removeClassName('alternative');
				$('ttbot').removeClassName('alternative');
				*/
			}
		},
		fade:function(d){
			if (d==-1){ tt.style.display = 'none'; }
			else {tt.style.display = 'block';}
		},
		hide:function(){
			clearInterval(tt.timer);
			tt.timer = setInterval(function(){shint.fade(-1)},0);
		},
		findPos:function(iElement){
			var curleft = curtop = 0;
			if (iElement.offsetParent) {
				curleft = iElement.offsetLeft;
				curtop = iElement.offsetTop;
				while (iElement = iElement.offsetParent) {
					curleft += iElement.offsetLeft;
					curtop += iElement.offsetTop;
				}
			}
			return {x:curleft, y:curtop};
		},
		toggle:function(iElement,v,w){
			if (($('tt')==null) || ($('tt').style.display == 'none'))
				return this.show(iElement,v,w);
			else 
				return this.hide();
		}
		
	};
}();

// 
// function $() {
// 	var elements = new Array();
// 	for (var i = 0; i < arguments.length; i++) {
// 		var element = arguments[i];
// 		if (typeof element == 'string')
// 			element = document.getElementById(element);			
// 		if (arguments.length == 1)
// 			return element;
// 		elements.push(element);
// 	}
// 	return elements;
// }


function add_studymoment(){
	var cont = $('#extra_studymoments');
	var el = ($('#extra_studymoments_template')).clone(true);
	el.removeAttr('id');
	el.css('display','block');
	//el.childNodes[5].style.display = "inline";
	$('a',el).css('display','inline');
	$('select:eq(0)',el).attr('name','studymoments[dete][]');
	$('select:eq(1)',el).attr('name','studymoments[minutes][]');
	cont.append(el); 
}

 $(document).ready(function () {
	$(".activiteit").click(function(e){
		e.stopPropagation();
	});
	
});
 
function bgChange(onOff, id){
	if(onOff=='on'){
		document.getElementById(id).style.backgroundColor = '#CCC';	
	} else {
		document.getElementById(id).style.backgroundColor = null;
	}
}

	var zIndex = 10000;
function show_meInTheMiddle(id){
	var preId = id;
	var zIndexId = 'meInTheMiddle-' + id;
	var id = '#meInTheMiddle-' + id;
	document.getElementById(zIndexId).style.zIndex = zIndex;
	$(id).animate({
    top: '80px'
  }, 200 );
	zIndex++;
	setTimeout("hide_meInTheMiddleDoIt("+preId+")" ,3150);
}

function hide_meInTheMiddleDoIt(id){
	var id = 'meInTheMiddle-' + id;
	document.getElementById(id).style.top = '-280px';
}

function hide_meInTheMiddle(id){
	var id = id;
	setTimeout("hide_meInTheMiddleDoIt("+id+")" ,4800);
}

$(function() {
		$( ".available" ).droppable({
			drop: function( event, ui ) {
				$( this )
					var onId = ui.draggable.attr('id');
					window.location = "./?p=edit_date_by_drag&toDate=" + this.id + "&id=" + onId;
			}
		});
	});