document.observe("dom:loaded", function() {
	//var nav = $$('#nav .main_nav');
	var nav = $('comunitate_nav','jocuri_nav','distractie_nav', 'educatie_nav', 'scoala_nav');
	try {
	nav.each(function(el){
		var subnav_id = el.id.replace('_nav','_subnav');
		var sub_element = $(subnav_id);
		if (sub_element) {
			el.observe('mouseover',function(e){
			  sub_element.show();
			});
			el.observe('mouseout',function(e){
				var is_out = true;
				if (Prototype.Browser.IE) {
					is_out = !(e.toElement.parentNode.id == el.id || e.toElement.parentNode.parentNode.id == el.id || e.toElement.parentNode.id == subnav_id || e.toElement.parentNode.parentNode.id == subnav_id);
				}

				if(e.relatedTarget.id !== subnav_id && is_out){
					sub_element.hide();
				}
			});

			sub_element.observe('mouseover',function(e){
			  sub_element.show();
			});
			sub_element.observe('mouseout',function(e){
				var is_out = true;
				if (Prototype.Browser.IE) {
					is_out = !(e.toElement.parentNode.id == el.id || e.toElement.parentNode.parentNode.id == el.id || e.toElement.parentNode.id == subnav_id || e.toElement.parentNode.parentNode.id == subnav_id);
				}
				if(e.relatedTarget.id !==  el.id && is_out){
					sub_element.hide();
				}
			});
		}

	});
	}
	catch (e) {
		//alert(Object.inspect(e));
	}

	// miscare ochi
	if (!Prototype.Browser.IE) {
		//$$('.watch_mouse').each(function(i){
		$('cal1', 'cal2','aurel1','aurel2').each(function(i){
			var offsets = $(i).viewportOffset();
		  var elY = parseInt($(i).getStyle('top'));
		  var elX = parseInt($(i).getStyle('left'));
		  var raza = 4;
		  var raza2 = 6;
		  document.observe('mousemove',function(e){
		    if(i>=2){
		      watchTheMouse(i,e.pageY ,e.pageX, elY,elX, raza2);
		    }else{
		      watchTheMouse(i,e.pageY ,e.pageX, elY,elX, raza);
		    }

		 });

		});
	}
	
	// adauga la toate form inputus (textarea is also supported) cu clasa searchBOX valoare atributului default_value si clasa searchBoxBlur daca nu are continut.
	var searchboxes = $$('.searchBOX');
	searchboxes.each(function(e){
		var default_value = $(e).readAttribute('default_value');
		if($(e).getValue() == '') {
			$(e).setValue(default_value);
			$(e).addClassName('searchBoxBlur');
		}

		$(e.form).observe('submit', function(event){
			var frm = Event.element(event);
			if (e.getValue() == default_value) {
				e.setValue('');
			}
		});

		$(e).observe('focus', function(event){
			e = Event.element(event);
			if (e.getValue() == e.readAttribute('default_value')) {
				e.setValue('');
				e.removeClassName('searchBoxBlur');
			}
		});

		$(e).observe('blur',function(event){
			e = Event.element(event);
			if(e.getValue() == '') {
				e.setValue(e.readAttribute('default_value'));
				e.addClassName('searchBoxBlur');
			}
		});

	});	
    
    // header icons
    if (IS_LOGGED_IN) {
        var icons = $('header_icons');
        if (icons) {
            icons = icons.select('.header_icon');
            icons.each(function(elm){
                elm.observe('mouseover', function(event){
                    var offset = elm.cumulativeOffset();
                    var event_offset = {left: event.pointerX(), top: event.pointerY()};
                    var text = elm.readAttribute('data-title');
                    var tooltip = new Element('div',{'class': 'header_icon_tooltip'});

                    tooltip.update(text);
                    if (event_offset.top > offset.top + 15) {
                        var diff =  event_offset.top - offset.top + 2;
                        tooltip.setStyle({'top': diff + 'px'});
                    }
                    elm.insert({bottom:tooltip});
                    var id = tooltip.identify();
                    new Effect.Opacity(id, { from: 0.3, to: 1.0, duration: 0.2 });
                    new Effect.Morph(id, {
                        style: { 
                            'top': '35px'
                        },
                        duration: 0.2
                    });
                    
                });
                
                elm.observe('mouseout', function(event){
                    var tip = elm.select('.header_icon_tooltip').shift();
                    if (tip) {
                        tip.remove(); 
                    }
                });
            });
        }
    }

});

//functie pentru miscarea ochilor
function watchTheMouse($element,y,x, initTop, initLeft, raza){

  var eloffset = $element.viewportOffset();
  a = eloffset.top-y;
  b = eloffset.left-x;
  angleA = Math.atan2(a, b);
  degrees = angleA/(Math.PI/180);


  var c1y = initTop + 4;
  var c1x = initLeft + 4;

  var dy1 = y - c1y;
  var dx1 = x - c1x;
  var d1 = Math.sqrt(dy1*dy1 + dx1*dx1);

  var ay1 = y - c1y;
  var ax1 = x - c1x;
  var angle1 = Math.atan2(ay1,ax1)*180/Math.PI;

  var newtop = c1y-6+raza * Math.sin(degrees*Math.PI/180) - initTop;
  var newleft =  c1x-6+raza * Math.cos(degrees*Math.PI/180) - initLeft;


  $element.setStyle({'top': -newtop+initTop + 'px'});
  $element.setStyle({'left': -newleft+initLeft + 'px'});
}
/*
//colturi rotunde in Opera
if (Prototype.Browser.Opera) {
	var IS_CSS_BORDER_RADIUS_SUPPORTED = (function() {
	  var docEl = document.documentElement, s;
	  if (docEl && (s = docEl.style)) {
	      return typeof s.borderRadius == "string"
	        || typeof s.MozBorderRadius == "string"
	        || typeof s.WebkitBorderRadius == "string"
	        || typeof s.KhtmlBorderRadius == "string";
	  }
	  return null;
	})();
	//only for opera <= 9
	if (!IS_CSS_BORDER_RADIUS_SUPPORTED) {
		SVG_roundies.querySelectorAll = function(selector) {
		        var headings = document.evaluate('//*[contains(@class, "' + selector.substr(1) + '")]',
		                                         document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null)
		        var results = new Array();
		        var oneheading;
		        while (oneheading == headings.iterateNext())
		          results.push(oneheading);
		        return results;
		      }

		window.addEventListener('load', function() {
			SVG_roundies.addRule('.border8', '8px');
			SVG_roundies.addRule('.border7', '7px');
			SVG_roundies.addRule('.border6', '6px');
			SVG_roundies.addRule('.border16', '16px');
		}, false);
	}
}
*/