var base_path = '/';
Event.observe(window, 'load', function() {
 input_highlighting();
 table_row_highlighting();
});

function table_row_highlighting() {
 $('container').select('fieldset[class="hours"]').each(function(element) {
  if (element.down('tbody')) {
  element.down('tbody').select('tr').each(function(_element) {
   Event.observe(_element, 'mouseover', function(event) {
    _element.addClassName('hover');
   });
   Event.observe(_element, 'mouseout', function(event) {
    _element.removeClassName('hover');
   });
  });
  }
 });
}

function base() {
 return base_path;
}

function input_highlighting() {
 var highlight = function(element) {
  Event.observe(element, 'focus', function() {
  });
  Event.observe(element, 'blur', function() {
   new Effect.Highlight(element);
  });
 }
 $(document.body).select('textarea, select, input[type="text"], input[type="password"]').each(highlight);
}

function set_game_box(no, o) {
 
 $(o).up('ul').select('a').each(function(element) {
  element.removeClassName('active_game');
 });
 $(o).addClassName('active_game');
 
 new Ajax.Request(base() + lang + '/ajax_game/' + no, {
  method: 'GET', 
  onSuccess: function(transport) {
   var parts = transport.responseText.split('$###$');
   $('route-detail-game-info-title').innerHTML = parts[0];
   $('route-detail-game-info-text').innerHTML = parts[1];
   $('route-detail-game-foto').style.background = "url('" + parts[2] + "')";
  }
 });
}

function check_availability() {
 Effect.Appear('date_ajax_class');
 $('date_ajax_content').innerHTML = ' ';
 $('date_ajax_class').className = 'msg_waiting';
 var date = [];
 $('date_ajax_class').up().select('select').each(
  function(element) {
   date.push($F(element));
  }
 );
 var address = base() + lang + '/reservation_available/'+date[2]+'-'+date[1]+'-'+date[0]+'/' + $F('routenoselect');
 new Ajax.Request(address, {
  method: 'get', 
  onSuccess: function(transport) {
   var parts = transport.responseText.split('$###$');
   setTimeout(function() {
    $('date_ajax_content').innerHTML = parts[1];
    $('date_ajax_class').className = parts[0] == '1' ? 'msg_accept' : 'msg_error';
   }, 250);
  }
 });
}

function pick_search_date() {
 var calender = new CalendarPopup('calendar-div');
 calender.setReturnFunction('pick_search_date_handle');
 new Draggable('calendar-div', {handle: 'cpMonthNavigation'});
 calender.select($('cal-date'), 'cal-button', 'dd/MM/yyyy');
}

function add_zero(integer) {
 integer = parseInt(integer);
 return integer < 10 ? "0"+integer+"" : integer;
}

function pick_search_date_handle(year, month, day) {
 day = add_zero(day);
 month = add_zero(month);
 $('cal-date').value = day + '-' + month + '-' + year;
 window.location.href = base() + lang + "/routes/"+year+"-"+month+"-"+day;
}

var current_pick_widget = null;

function pick_widget_date(aname) {
 current_pick_widget = aname;
 var calender = new CalendarPopup('calendar-div');
 calender.setReturnFunction('pick_widget_date_handle');
 new Draggable('calendar-div', {handle: 'cpMonthNavigation'});
 calender.select($('cal-date'), 'cal-button-' + aname, 'dd/MM/yyyy');
}

function pick_widget_date_handle(year, month, day) {
 $(current_pick_widget+'_day').setValue(day);
 $(current_pick_widget+'_month').setValue(month);
 $(current_pick_widget+'_year').setValue(year);
}

Event.observe(window, 'load', function() {
 //$('container').select('img[class=form-description]').each(function(element) {
 $$('.form-description').each(function(element) {
 	//alert("test");
  Event.observe(element, 'mouseover', function(event) {
   var infoDiv = element.up().next('div');
   infoDiv.style.left = (event.pointerX() - 310) + 'px';
   infoDiv.style.top = (event.pointerY() - infoDiv.getOffsetParent().offsetTop) + 'px';
	//alert(event.pointerY());
  // alert(infoDiv.getOffsetParent().offsetTop);
   infoDiv.style.display = 'block';
  });
  Event.observe(element, 'mouseout', function(event) {
   element.up().next('div').style.display = 'none';
  });
 });
});


function changeMonth(strPath)
{
	var dropdownIndex = document.getElementById('months').selectedIndex;
	var selectedValue = document.getElementById('months')[dropdownIndex].value;
	document.location = strPath + "/" + selectedValue;
}

//-- om een readonly inputveld weer editable te maken
function MakeEditable(field_id)
{
	$(field_id + "-edit").className = 'no-display';
	$(field_id).readOnly = false;
}

function MakeEditableSelect(field_id)
{
	$(field_id + "-edit").className = 'no-display';
	$(field_id + "-text").className = 'no-display';
	$(field_id).className = '';
}