imgNr = 0;
$(document).ready(
   function()
   {
      $('img').ifixpng();

      // detail image
      switchDetailImage();

      $('.eventDetail .pictureNext').click(function(){
        imgNr++;
        switchDetailImage();
      });

      $('.eventDetail .pictureLast').click(function(){
        imgNr--;
        switchDetailImage();
      });
      $('.columnl .subMenu').hover(function(){
         $(this).children('a').css('background-color','#ffffff');
      },function(){
         $(this).children('a').css('background-color','');
      });
      $('select.cluster').change(function(){
         $('.defaultPrice').show();
         $('.eventSelect, .lastStep, .dateSelect').hide();
         $('select.date').val('');
         $('.cluster_'+$(this).val()).show();
      });
      $('select.date').change(function(){
         if ($(this).val() == '0')
            $('.defaultPrice').show();
         else
            $('.defaultPrice').hide();
         $('.dateSelect input').val('');
         $('.dateSelect').hide();
         $('.date_'+$(this).val()+'[class$=fromcluster_'+
            $('select.cluster').val()+'], .lastStep').show();
      });
      $('.oldUser a').click(function(){
         var cluster = $('select.cluster').val();
         var date = $('.cluster_'+cluster+' select').val();
         if (cluster != 0 && date != 0)
         {
            var prices = $('.date_'+date+'[class$=fromcluster_'+cluster+']').find('input');
            var error = true;
            for (var i = 0; i < prices.length; i++)
            {
               if ($($(prices)[i]).val() != "")
               {
                  error = false;
               }
            }
            if (!error)
            {
               var selected = $('select.cluster').val();
               var value = $('select.cluster').find('option[value='+selected+']').html();
               $('select.cluster').hide().after(value);
               var cluster = selected;
               var selected = $('.cluster_'+cluster+' select').val();
               var value = $('.cluster_'+cluster+' select').find('option[value='+selected+']').html();
               $('.cluster_'+cluster+' select').hide().after(value);
               
               var prices = $('.date_'+date+'[class$=fromcluster_'+cluster+'] input').
                  each(function(){
                     if ($(this).val() == "")
                        $(this).parents('.priceRow').css('display','none');
                     $(this).attr('readonly','readonly');
                     $(this).css('border','0px').css('color','#000000').
                        css('background-color','transparent').css('width','20px');
                  });
               $('.oldUser').hide();
               $('.newUser').show();
            }
         }
         if (cluster == 0)
         {
            alert($('.ticketerror_cluster').html());
         }
         else if (date == 0)
         {
            alert($('.ticketerror_date').html());
         }
         else if (error)
         {
            alert($('.ticketerror_price').html());
         }
         return false;
      });
      if ($('.requestClusterId').html() != "" && $('.requestClusterId').html() != null)
      {
         $('select.cluster').val(
            $('select.cluster option[value$='+
            $('.requestClusterId').html()+']').val()).change();
         if ($('.requestDateId').html() != "")
         {
            $('.cluster_'+$('.requestClusterId').html()+' select.date').val(
               $('.cluster_'+$('.requestClusterId').html()+' select.date option[value$='+
               $('.requestDateId').html()+']').val()).change();
         }
      }
      $('.reservieren').click(function(){
         if ($('.cluster').val() != "0")
         {
            var cluster = $('.cluster').val();
            if ($('.cluster_'+cluster+' select').val() != "0")
            {
               var title = $('.cluster option:selected').html();
               var date = $('.cluster_'+cluster+' select').val();
               pricesBox = $('.date_'+date+'[class$=fromcluster_'+
                  cluster+'] input');
               prices = $(pricesBox).serialize();
               var registerType = 'oldUser';
               if ($('.oldUser').css('display') == "none")
               {
                  registerType = 'newUser';
               }
               var values = $('.'+registerType).find('input, textarea')
                  .serialize();
               $.get(
                  'tickets.php?'+values+'&'+prices,
                  function(msg)
                  {
                     if (msg == "ALL OK")
                     {
                        document.location.href = '?page=karten_reservieren_mailer&' +
                           values + '&' + prices + '&date=' + date + '&cluster=' +
                           cluster + '&title=' + title;
                     }
                     else
                     {
                        alert(msg);
                     }
                  }
               );
            }
            else
            {
               alert($('.ticketerror_date').html());
            }
         }
         else
         {
            alert($('.ticketerror_cluster').html());
         }
         return false;
      });
      var required = new Array();
      required['date']   = true;
      required['mail']   = true;
      required['name']   = true;
      required['class']  = true;
      required['phone']  = true;
      required['title']  = true;
      required['school'] = true;
      if ($('.anmeldeformular a').length > 0)
         $('.anmeldeformular a').attr('onclick','');
      $('.anmeldeformular a').click(function(){
         var error = '';
         for (var i = 0; i < $('.anmeldeformular input').length; i++)
         {
            var element = $($('.anmeldeformular input')[i]);
            if (typeof(required[$(element).attr('name')]) == "boolean")
            {
               if ($(element).val() == "")
               {
                  error += $(element).attr('title')+"\n";
                  $(element).css('border','1px solid #ff0000');
               }
               else
                  $(element).css('border','1px solid #000000');
            }
         }
         if (error == '')
            $('form').submit();
         else
            alert(error);
         return false;
      });
   }
);
function switchDetailImage()
{
    // fill picture div with first image of the preloaded images
   var length = $('.eventDetail .picture img').length;

   if(length>0)
   {
      if(imgNr+1 == length)
      {
         $('.eventDetail .pictureNext').hide();
      }
      else
      {
         $('.eventDetail .pictureNext').show();
      }

      if(imgNr+1 == 1)
      {
         $('.eventDetail .pictureLast').hide();
      }
      else
      {
         $('.eventDetail .pictureLast').show();
      }
      $('.eventDetail .picture img').hide();
      $($('.eventDetail .picture img')[imgNr]).show();
   }
}