var daySelected=0;  // timestamp
var dayHighlighted = 0; // highlight;
var monthSelected=0;   // also a timestamp
var locationSelected=0;
var editInProgress = false;
var pleaseWait='<div style="text-align:center;font-size:33px;color:#99cccc;padding:20px;background-color:white">Please, wait</div>';

$(document).ready(function() 
{
  selectLocation(0);
  $('#main').css('width','100%');
  if ( eventId > 0 )
    eventDetails( eventId);
});

function realPosition( jqelement)
{
   var toppx = 0;
   var leftpx = 0;
   var el = jqelement;
   while ( el.size() > 0 )
   {
      if ( el.attr('id') == 'main')
        break;
      var off = el.position();
      toppx = toppx + off.top;
      leftpx = leftpx  + off.left;    
      el = el.offsetParent();
   }
   return { 'top': toppx, 'left':leftpx };

}

function th( stamp)  // load thumbnail
{
  $('#thumbnailHolder').html('pleaseWait'); 
  $('#thumbnailHolder').load('thumbnail.php?tme=' + stamp+ '&highlight=' + dayHighlighted);
}

function thEd( stamp)  // load thumbnail
{
  $('#thumbnailHolderEd').html('pleaseWait'); 
  $('#thumbnailHolderEd').load('thumbnailEd.php?tme=' + stamp + '&highlight=' + dayHighlightedEd);
}


function thBig(stamp)
{
  monthSelected = stamp;
  loadWork();
}

function dayClicked( stamp)
{
  selectDay(stamp);
}

function unselectDay()
{
  daySelected = 0;
  loadWork();
}

function selectDay( stamp)
{
  $('.dayDiv').css('background-color','white');
  $('#dy'+stamp).css('background-color','orange');
  daySelected = stamp;
  dayHighlighted = stamp;
  loadWork();
}

function loadWork()
{
  $('#work').html(pleaseWait);
  if ( daySelected == 0)
    $('#work').load('monthly.php?month=' + monthSelected + '&locationId=' + locationSelected);
  else
    $('#work').load('daily.php?day=' + daySelected + '&locationId=' + locationSelected);
}

function selectLocation( locId)
{
  locationSelected = locId;
  radios=document.getElementsByTagName("input");
  for ( var i=0; i<radios.length; i++)
  {
    if ( radios[i].type != 'radio')
      continue;
    if ( radios[i].value==locId)
      radios[i].checked = true;
  }
  loadWork();
}

// clicking on the daily detail screen (add event)

function minuteClicked ( min)
{
  $('#action').css('left',500);
  $('#action').css('top', $('body').scrollTop() + 10);
  $('#action').css('width', 400);
  if ( editInProgress)
    return;
  editInProgress = true;
  $('#action').html(pleaseWait);
  $('#action').load('addEvent.php?day=' + daySelected + '&location=' + locationSelected
                      + '&minute=' + min);

}
           
function cancelAction()
{
  $('#action').html('');
  editInProgress = false;
}


// event editing stuff

function eventDetails(id)
{
  if ( editInProgress)
    return;
  var etop = $('#event' + id).offset().top;
  var left = 500;
  var top = etop - 60;
  if ( top < 0 ) top = 0;
  if ( etop != 0 )
  {
    left = 470; // we are in a day listing
    etop = etop -30;
    if ( etop  > top) top = etop;
  }
  $('#action').css('left',left);
  $('#action').css('top', top);
  $('#action').css('width', 400);
  $('#action').html(pleaseWait);
  $('#action').load('eventDetails.php?id=' + id);
}


function editEvent( id)
{
   var action = $('#action');
   //var left = action.css('left');
   //eft = left.substring(0, left.length - 2);
   //action.css('left', (left  - 200) );
   //var width = action.css('width');
   //width = width.substring(0, width.length - 2);
   //action.css('width', (width  -  (-200)) + 'px' );
   action.css('width','500px');
   action.html( pleaseWait);
   action.load('editEvent.php?id=' + id);
}

function deleteEvent( id)
{

  if ( ! confirm('Are you sure?'))
    return;
  var action = $('#action');
  action.load('deleteEvent.php?id=' + id);
}

function denominationalSelected()
  {
      //$('#renterTr').hide();
      $('#eventType').val("1");
  }

  function rentalSelected()
  {
      //$('#renterTr').show();
      $('#eventType').val("2");
      //$('#renterTd').load('selectRenter.php');
  }

  
function submitAdd()
{
  if ( $('#eventTo').val() == undefined)
  {
    alert('Please select end time');
    return false;
  }
  if ( $('#eventTo').val()  == "")
  {
    alert('Please select end time');
    return false;
  }

  if ( $('#eventLoc').val() <= 1)
  {
    if ( locationSelected <= 1 )
    {
       alert('Please, select location');
       return false;
    }
    $('#eventLoc').val(locationSelected);
  }
  
      if ( $('#eventWhat').val() == '')
      {
          alert('Please, tell what is the event');
          return false;
       }
       var et = $('#eventType').val();
       if ( ! ( et == 1 || et == 2))
       {
           alert('Denominational or Rental?');
           return false;
       }
   return true;
}

function selectLocationForEvent(id)
{
  $('#eventLoc').val(id);
}