function insertWarning(field,text)
{
  if(typeof(text)=='undefined')
    text = 'Bitte füllen Sie das Feld korrekt aus.';
    
  el = document.createElement('span');
  el.setAttribute('class','warning');
  eltxt = document.createTextNode(text);
  el.appendChild(eltxt);
  field.parentNode.insertBefore(el, field.parentNode.getElementsByTagName('br')[0]);
  
  return false;
}

function deleteWarnings(field)
{
  for(i=0; i<document.getElementsByTagName('span').length; i++)
  {
    span = document.getElementsByTagName('span')[i];
    if(span.className.indexOf('warning')>-1)
      span.parentNode.removeChild(span);
  }
}




/**
* Known media formats. Used to change the assumed format to a different
* format, such as Theora, if desired.
*/

var THEORA_FORMAT = 'video/ogg; codecs="theora, vorbis"';
var H264_FORMAT = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
var VORBIS_FORMAT = 'audio/ogg; codecs="vorbis"';
var M4A_FORMAT = 'audio/x-m4a;';
var MP3_FORMAT = 'audio/mpeg3;';
var WAV_FORMAT = 'audio/wav; codecs="1"';

/**
* The video format to assume if it cannot be determined what format a media
* file is.
*/
var assumedFormats = {
  video: H264_FORMAT,
  audio: MP3_FORMAT
}

/**
* Formats that the fallback Flash player is able to understand.
*/
var fallbackFormats = [H264_FORMAT, M4A_FORMAT, MP3_FORMAT];

/**
* Known file extensions that can be used to guess media formats in the
* absence of other information.
*/
var fileExtensions = {
  video: {
      "ogg": THEORA_FORMAT,
      "ogv": THEORA_FORMAT,
      "avi": H264_FORMAT,
      "mp4": H264_FORMAT,
      "mkv": H264_FORMAT,
      "h264": H264_FORMAT,
      "264": H264_FORMAT,
      "avc": H264_FORMAT,
      "m4v": H264_FORMAT,
      "3gp": H264_FORMAT,
      "3gpp": H264_FORMAT,
      "3g2": H264_FORMAT
  },
  audio: {
      "ogg": VORBIS_FORMAT,
      "oga": VORBIS_FORMAT,
      "aac": M4A_FORMAT,
      "m4a": M4A_FORMAT,
      "mp3": MP3_FORMAT,
      "wav": WAV_FORMAT
  }
}

// Trys to determine the format of a given video file.
function guessFormat(tag, src, type) {
  return type || fileExtensions[tag][src.split(".").slice(-1)[0]] || assumedFormats[tag];
}

// Detects presence of HTML5 attributes.
function hasAttr(element, attr) {
  var val = element.getAttribute(attr);
  return val == true || typeof val == "string";
}



window.onload = function(){

  if(typeof(document.getElementById('video'))!='undefined' && document.getElementById('video')!=null)
  {
    var fl_params = {
      file:false,
      icons:true,
      backcolor:"ffffff",
      frontcolor:"000000",
      lightcolor:"1b2a54",
      dock:true,
      skin:"player/modieus.swf",
      controlbar:"bottom",
      autostart:true,
      stretching:"uniform",
      fullscreen:"true"
    };
    
    var fl_options = {allowFullScreen:"true"};
    
  
    if(document.getElementsByTagName('video').length > 0)
    {
    
      for(i=0; i<document.getElementsByTagName('video').length; i++)
      {
        media = document.getElementsByTagName('video')[i];
        
        var requiresFallback = true;
        // Test if the media tag is supported.
        if (media.canPlayType) {
            // If the media has a src attribute, and can play it, then all is good.
            if (media.src && media.canPlayType(guessFormat('video', media.src))) {
                requiresFallback = false;
            } else {
                // Check for source child attributes.
                for(i=0; i<media.getElementsByTagName("source").length; i++)
                {
                  source = media.getElementsByTagName("source")[i];
                  if (media.canPlayType(guessFormat('video', source.src, source.type))) {
                      requiresFallback = false;
                  }
                };
            }
        }
        // requiresFallback = true;
        // If cannot play media, create the fallback.
        if (requiresFallback)
        {
          width = media.width; height = media.height;
          url = media.getAttribute('src');
          
          link = document.createElement('a');
          link.setAttribute('href',url);
          link.appendChild(document.createTextNode('Mit Ihrem Browser kann das Video nicht abgespielt werden - Sie haben wahrscheinlich keinen Flash-Player installiert. Sie können das Video aber hiermit herunterladen: '+url));
          link.appendChild(document.createElement('br'));
          link.appendChild(document.createElement('br'));
          
          newel = document.createElement('div');
          newel.setAttribute('id','video'+i);
          newel.appendChild(link);
          
          media.parentNode.insertBefore(newel, media);
          media.parentNode.removeChild(media);
          
          fl_params.file = url;
          
          swfobject.embedSWF(
            "player/flv-player.swf",
            'video'+i,
            width,height,
            "9",
            null,
            fl_params,
            fl_options,
            {}
          );
        }
      }
    }
    else
    {
      fl_params.file = 'http://www.bremer-loch.de/das-geheimnis-des-bremer-lochs.f4v';
      
      swfobject.embedSWF(
        "player/flv-player.swf",
        'video0',
        '690','420',
        "9",
        null,
        fl_params,
        fl_options,
        {}
      );
    }
  }
  else
  {
    document.getElementById('form-bankeinzug').onsubmit = function()
    {
      isok = true;
      
      deleteWarnings();
  
      if(document.getElementById('name-vorname').value=='')
        isok = insertWarning(document.getElementById('name-vorname'));
      
      if(document.getElementById('blz').value=='' || document.getElementById('ktno').value=='')
        isok = insertWarning(document.getElementById('blz'),'Bitte füllen Sie die Felder korrekt aus.');
  
  //    if(document.getElementById('institut').value=='')
  //      isok = insertWarning(document.getElementById('institut'));
  
      if(document.getElementById('betrag').value=='')
        isok = insertWarning(document.getElementById('betrag'),'Bitte füllen Sie die Felder korrekt aus.');
  
  //    if(document.getElementById('verwendungszweck').value=='')
  //      isok = insertWarning(document.getElementById('verwendungszweck'));
      
      if(!isok)
        return false;
      else
      {
        
      }
    }
    
    // swfobject.embedSWF("./introshow.swf","flashobject_0","100%","100%","8",null,{},{quality:"high",wmode:"opaque",scale:"noborder",salign:"",align:"middle",menu:"false",bgcolor:"#ffffff"},{});
  }
  
  window.onresize = resizeBackground;
  resizeBackground();
  
}

function resizeBackground()
{
  owidth = 1280; oheight = 1342;
  width = document.getElementById('bgimg').offsetWidth;
  height = Math.floor((width/owidth) * oheight);
  document.getElementById('bgimg').style.height = height+'px';
  document.getElementById('bgimg').style.top = '50%';
  document.getElementById('bgimg').style.marginTop = '-'+(Math.round(height/2))+'px';
  document.getElementById('bgimg').style.position = 'absolute'
  
  height = document.getElementById('page').offsetHeight + (navigator.appVersion.indexOf('MSIE 6')>-1 ? 132 : 0); 
  height+= navigator.appVersion.indexOf('MSIE 6')>-1 && document.getElementsByTagName('body')[0].id=='video' ? 125 : 0; 
  
  document.getElementsByTagName('body')[0].style.height = height+'px';
  // alert(document.getElementById('page').offsetHeight);
}