var isIE    = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin   = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;

var currPerc   = null,
    nextPerc   = null,
    interval   = null,
    slideCount = 0,
    currImage  = null,
    SlideShow  = [];

window.onload = function() {
  new Slideshow();
  new DynaGallery();
}

/* Slideshow */

Slideshow = Class.create({
  initialize: function() {
    // var count   = document.cookie.match( /slideCount=(\d+)/ );
    this.slides = SlideShowSections[SiteSection] ||
                  SlideShowSections['allgemein'];
    this.loadCount  = 0;
    this.imageCount = this.slides.length;
    this.pic1       = $('slidePic1');
    this.pic2       = $('slidePic2');

/*  if ( count ){
      var c = count[1];
      if ( c > this.slides.length ){
        this.slideCount = 0; 
      } else {
        this.slideCount = count[1] * 1;
      }
    } else {
      this.slideCount = 0; 
    }

    for ( var i = 0; i < this.slideCount; i++ )
      this.slides.push(this.slides.shift());

*/
    var pic1 = this.slides[0][0];

    this.slides.each( this.loadImage.bind(this) );
    this.pic1.setOpacity(1);
    this.pic1.setStyle({backgroundImage:"url(fileadmin/slide/"+pic1+")"});
    window.setTimeout( this.showSlides.bind(this),
                       ( this.slides[0][1] + this.slides[0][2] ) * 1000 )
  },
  loadImage: function(image){
    var img = new Element('img',{src:'/fileadmin/slide/'+image[0]}).hide();
  },
  showSlides: function() {
    var pic1 = this.slides[0][0],
        pic2 = this.slides[1][0];
    this.pic1.setOpacity(1);
    this.pic1.setStyle({backgroundImage:"url(fileadmin/slide/"+pic1+")"});
    this.pic2.setOpacity(0);
    this.pic2.setStyle({backgroundImage:"url(fileadmin/slide/"+pic2+")"});
    new Effect.Opacity( this.pic1, { from: 1, to: 0, 
                                     duration: this.slides[1][2] } );
    new Effect.Opacity( this.pic2, { from: 0, to: 1, 
                                     duration: this.slides[1][2] } );
    window.setTimeout( this.switchPics.bind(this),
                       ( this.slides[1][1] + this.slides[1][2] ) * 1000 )
  },
  switchPics: function(){
    this.slides.push(this.slides.shift());
    this.slideCount++;
    // document.cookie = 'slideCount=' + this.slideCount;
    this.showSlides();
  }
});

/* Dia Gallery */

DynaImage = Class.create({
  initialize: function(gall, elem){
    var id = elem.id.match(/dynaImage(\d+)/);
    this.gallery = gall;
    if ( ! id ){
      this.failure = true;
    } else {
      this.failure  = false;
      this.number   = id[1];
      this.orig     = elem.down(0).innerHTML;
      this.large    = elem.down(1).innerHTML;
      this.slide    = elem.down(2).innerHTML;
      this.thumb    = elem.down(3).innerHTML;
      this.comment  = elem.down(4).innerHTML;
      this.thumbImg = new Element( 'img', { src: this.thumb, alt: '[Bild]' } );
      this.largeImg = new Element( 'img', { src: this.large, alt: '[Bild]' } );
      this.slideImg = new Element( 'img', { src: this.slide, alt: '[Bild]' } );
      this.largeDiv = new Element( 'div', { className: 'gallery-large-container' } );
      this.largeCom = new Element( 'div', { className: 'comment' } ).update(this.comment);
      this.largeDiv.insert( this.largeImg );
      this.largeDiv.insert( this.largeCom );
      this.slideDiv = new Element( 'div', { className: 'gallery-slide-container' } );
      this.slideCom = new Element( 'div', { className: 'comment' } ).update(this.comment);
      this.slideDiv.insert( this.slideImg );
      this.slideDiv.insert( this.slideCom );
    }
  },
  fadeIn: function(div){
    this.slideImg.setOpacity(0);
    this.slideCom.setOpacity(1);
    div.insert(this.slideDiv);
    this.fading = true;
    new Effect.Opacity( this.slideImg, 
                        { from: 0, to: 1, duration: 1.0,
                          afterFinish: this.fadeInFinish.bind(this) } );
  },
  fadeInFinish: function(){
    this.fading = false;
  },
    
  fadeOut: function(div){
    this.slideImg.setOpacity(1);
    this.slideCom.setOpacity(0);
    this.fading = true;
    new Effect.Opacity( this.slideImg, 
                        { from: 1, to: 0, duration: 1.0,
                          afterFinish: this.fadeOutFinish.bind(this) } );
  },
  fadeOutFinish: function(){
    this.slideDiv.remove();
    this.fading = false;
  }
});

DynaGallery = Class.create({
  slideTimer:  6,
  initialize: function() {
    this.dynaGallery  = $('dynaGallery');
    this.dynaMode     = $('dynaMode');
    if ( this.dynaGallery && this.dynaMode ){
      this.ctrl           = {};
      this.images         = [];
      this.currImg        = null;
      this.mode           = this.dynaMode.innerHTML;
      this.galleryConfig  = $('gallery-config');
      this.galleryThumbs  = $('gallery-thumbs');
      this.galleryLarge   = $('gallery-large');
      this.gallerySlide   = $('gallery-slide');
      this.galleryControl = $('gallery-control');
      this.contentLarge   = $('content-large');

      this.dynaGallery.childElements().each( this.initImage.bind(this) );

      if ( this.mode == 'normal' ){
        this.galleryLarge.observe('click', this.clickLarge.bind(this));
        this.galleryThumbs.update();
        this.images.each( this.insertThumb.bind(this) );
        this.galleryThumbs.show();
      } else if ( this.mode == 'slide' ) {
        [ 'back', 'pp', 'forw' ].each( this.initCtrl.bind(this) );
        this.ctrl.pp.setStyle( { backgroundImage: 'url(/fileadmin/css/pause-off.png)' } );
  
        this.contentLarge.setOpacity(0.1);

        this.galleryControl.show();
        this.gallerySlide.show();
        this.showSlide();
        this.timer = window.setTimeout( this.nextSlide.bind(this), this.slideTimer * 1000 );
      }
    }
  },


  /* Normal gallery */
  insertThumb: function(img){
    img.thumbImg.observe( 'click', this.showLarge.bind(this, img) );
    this.galleryThumbs.insert( img.thumbImg );
  },



  /* Initalization */
  initImage: function(e){
    this.images.push( new DynaImage(this,e) );
  },

  initCtrl: function(e){
    this.ctrl[e] = $('gallery-' + e );
    this.ctrl[e].mode = e;
    this.ctrl[e].observe('click',     this.ctrlClick.bind(this,e));
    this.ctrl[e].observe('mouseover', this.ctrlOver.bind(this));
    this.ctrl[e].observe('mouseout',  this.ctrlOut.bind(this));
    this.ctrl[e].setStyle( { backgroundImage: 'url(/fileadmin/css/' + e + '-off.png)' } );
  },

  /* Events */

  showLarge: function(img){
    if ( ! this.contentFaded )
      new Effect.Opacity( this.contentLarge, 
                          { from: 1, to: 0.1, duration: 0.5 } );
    this.contentFaded = true;

    this.galleryLarge.show();
    this.galleryLarge.setOpacity(1);
    if ( this.currImg &&
         this.currImg == img ){
      this.clickLarge();
    } else if ( this.running ){

    } else if ( this.currImg ){
      this.currImg.thumbImg.setOpacity( 1 );
      this.currImg.largeImg.setOpacity( 1 );
      this.currImg.largeCom.setOpacity( 0 );
      img.thumbImg.setOpacity( 0.4 );
      img.largeImg.setOpacity( 0 );
      img.largeCom.setOpacity( 1 );
      img.largeDiv.observe('click', this.clickLarge.bind(this));
      this.galleryLarge.insert( img.largeDiv ); 

      new Effect.Opacity( this.currImg.largeImg, 
                          { from: 1, to: 0, duration: 0.5 } );
      new Effect.Opacity( img.largeImg, 
                          { from: 0, to: 1, duration: 0.5,
                            afterFinish: this.showNewLarge.bind(this,img) } );
      this.running = true;
    } else {
      img.thumbImg.setOpacity( 0.4 );
      img.largeImg.setOpacity( 0 );
      img.largeCom.setOpacity( 1 );
      img.largeDiv.observe('click', this.clickLarge.bind(this));
      this.galleryLarge.insert( img.largeDiv ); 
      new Effect.Opacity( img.largeImg, 
                          { from: 0, to: 1, duration: 0.5,
                            afterFinish: this.showNewLarge.bind(this,img) } );
    }
  }, 
  showNewLarge: function(img){
    if ( this.currImg )
      this.currImg.largeDiv.remove();
    this.currImg = img;
    this.running = false;
  },

  clickLarge: function(ev){
    if ( this.currImg ){
      this.currImg.thumbImg.setOpacity( 1 );
      this.currImg.largeDiv.remove();
    }
    if ( ! this.running ){
      new Effect.Opacity( this.contentLarge, 
                          { from: 0.1, to: 1, duration: 0.5 } );
      new Effect.Opacity( this.galleryLarge, 
                          { from: 1, to: 0, duration: 0.5,
                            afterFinish: this.hideLarge.bind(this) } );
      this.running      = true;
      this.currImg      = null;
      this.contentFaded = false;
    }
    if ( ev )
      Event.stop(ev);
  },
  hideLarge: function(){
    this.galleryLarge.hide();
    this.running = false;
  },

  showSlide: function(next){
    if ( next == null ){
      this.currNr   = 0;
      this.currImg  = this.images[0];
      this.currImg.fadeIn(this.gallerySlide);
    } else {
      this.currImg.fadeOut(this.gallerySlide);
      nextImg = this.images[next];
      this.currNr   = next;
      this.currImg  = nextImg;
      this.currImg.fadeIn(this.gallerySlide);
    }
  },

  nextSlide: function(){
    var nr = this.currNr;
    nr++;
    if ( nr >= this.images.length ) nr = 0;
    this.showSlide(nr);
    this.timer = window.setTimeout( this.nextSlide.bind(this), this.slideTimer * 1000 );
  },

  pauseSlide: function() {
    window.clearTimeout( this.timer );
    this.ctrl.pp.setStyle( { backgroundImage: 'url(/fileadmin/css/play-off.png)' } );
  },
  playSlide: function() {
    // this.timer = window.setTimeout( this.nextSlide.bind(this), this.slideTimer * 1000 );
    this.nextSlide();
    this.ctrl.pp.setStyle( { backgroundImage: 'url(/fileadmin/css/pause-off.png)' } );
  },

  ctrlClick: function(func){
    var nr = this.currNr;
    if ( func == 'pp' ){
      var img  = this.ctrl.pp.getStyle( 'backgroundImage' );
      if ( img.indexOf('pause') != -1 )
        this.pauseSlide();
      else
        this.playSlide();
    } else if ( this.currImg.fading ){

    } else if ( func == 'back' ){
      nr--;
      if ( nr < 0 ) nr = this.images.length - 1;
      this.pauseSlide();
      this.showSlide(nr);
    } else if ( func == 'forw' ){
      nr++;
      if ( nr >= this.images.length ) nr = 0;
      this.pauseSlide();
      this.showSlide(nr);
    }
  },
  ctrlOver: function(ev){
    var elem = ev.element(),
        img  = elem.getStyle( 'backgroundImage' );
    elem.setStyle( { backgroundImage: img.replace( /-off/, "-on" ) } );
  },
  ctrlOut: function(ev){
    var elem = ev.element(),
        img  = elem.getStyle( 'backgroundImage' );
    elem.setStyle( { backgroundImage: img.replace( /-on/, "-off" ) } );
  }
});

/* Sounds */

function ControlVersion()
{
	var version;
	var axo;
	var e;
	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
	try {
		// version will be set for 7.X or greater players
		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
		version = axo.GetVariable("$version");
	} catch (e) {
	}
	if (!version)
	{
		try {
			// version will be set for 6.X players only
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
			
			// installed player is some revision of 6.0
			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
			// so we have to be careful. 
			
			// default to the first public version
			version = "WIN 6,0,21,0";
			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
			axo.AllowScriptAccess = "always";
			// safe to call for 6.0r47 or greater
			version = axo.GetVariable("$version");
		} catch (e) {
		}
	}
	if (!version)
	{
		try {
			// version will be set for 4.X or 5.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = axo.GetVariable("$version");
		} catch (e) {
		}
	}
	if (!version)
	{
		try {
			// version will be set for 3.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = "WIN 3,0,18,0";
		} catch (e) {
		}
	}
	if (!version)
	{
		try {
			// version will be set for 2.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
			version = "WIN 2,0,0,11";
		} catch (e) {
			version = -1;
		}
	}
	
	return version;
}

function GetSwfVer(){
	var flashVer = -1;
	
	if (navigator.plugins != null && navigator.plugins.length > 0) {
		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
			var descArray = flashDescription.split(" ");
			var tempArrayMajor = descArray[2].split(".");			
			var versionMajor = tempArrayMajor[0];
			var versionMinor = tempArrayMajor[1];
			var versionRevision = descArray[3];
			if (versionRevision == "") {
				versionRevision = descArray[4];
			}
			if (versionRevision[0] == "d") {
				versionRevision = versionRevision.substring(1);
			} else if (versionRevision[0] == "r") {
				versionRevision = versionRevision.substring(1);
				if (versionRevision.indexOf("d") > 0) {
					versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
				}
			}
			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
		}
	}
	// MSN/WebTV 2.6 supports Flash 4
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
	// WebTV 2.5 supports Flash 3
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
	// older WebTV supports Flash 2
	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
	else if ( isIE && isWin && !isOpera ) {
		flashVer = ControlVersion();
	}	
	return flashVer;
}
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
	versionStr = GetSwfVer();
	if (versionStr == -1 ) {
		return false;
	} else if (versionStr != 0) {
		if(isIE && isWin && !isOpera) {
			// Given "WIN 2,0,0,11"
			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
			tempString        = tempArray[1];			// "2,0,0,11"
			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
		} else {
			versionArray      = versionStr.split(".");
		}
		var versionMajor      = versionArray[0];
		var versionMinor      = versionArray[1];
		var versionRevision   = versionArray[2];
        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
		if (versionMajor > parseFloat(reqMajorVer)) {
			return true;
		} else if (versionMajor == parseFloat(reqMajorVer)) {
			if (versionMinor > parseFloat(reqMinorVer))
				return true;
			else if (versionMinor == parseFloat(reqMinorVer)) {
				if (versionRevision >= parseFloat(reqRevision))
					return true;
			}
		}
		return false;
	}
}
function AC_AddExtension(src, ext)
{
  if (src.indexOf('?') != -1)
    return src.replace(/\?/, ext+'?'); 
  else
    return src + ext;
}
function AC_Generateobj(objAttrs, params, embedAttrs) 
{ 
  var str = '';
  if (isIE && isWin && !isOpera)
  {
    str += '<object ';
    for (var i in objAttrs)
    {
      str += i + '="' + objAttrs[i] + '" ';
    }
    str += '>';
    for (var i in params)
    {
      str += '<param name="' + i + '" value="' + params[i] + '" /> ';
    }
    str += '</object>';
  }
  else
  {
    str += '<embed ';
    for (var i in embedAttrs)
    {
      str += i + '="' + embedAttrs[i] + '" ';
    }
    str += '> </embed>';
  }
  document.write(str);
}
function AC_FL_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_SW_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
     , null
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
  var ret        = new Object();
  ret.embedAttrs = new Object();
  ret.params     = new Object();
  ret.objAttrs   = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();    
    switch (currArg){	
      case "classid":
        break;
      case "pluginspage":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
      case "src":
      case "movie":	
        args[i+1] = AC_AddExtension(args[i+1], ext);
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;
      case "onafterupdate":
      case "onbeforeupdate":
      case "onblur":
      case "oncellchange":
      case "onclick":
      case "ondblclick":
      case "ondrag":
      case "ondragend":
      case "ondragenter":
      case "ondragleave":
      case "ondragover":
      case "ondrop":
      case "onfinish":
      case "onfocus":
      case "onhelp":
      case "onmousedown":
      case "onmouseup":
      case "onmouseover":
      case "onmousemove":
      case "onmouseout":
      case "onkeypress":
      case "onkeydown":
      case "onkeyup":
      case "onload":
      case "onlosecapture":
      case "onpropertychange":
      case "onreadystatechange":
      case "onrowsdelete":
      case "onrowenter":
      case "onrowexit":
      case "onrowsinserted":
      case "onstart":
      case "onscroll":
      case "onbeforeeditfocus":
      case "onactivate":
      case "onbeforedeactivate":
      case "ondeactivate":
      case "type":
      case "codebase":
      case "id":
        ret.objAttrs[args[i]] = args[i+1];
        break;
      case "width":
      case "height":
      case "align":
      case "vspace": 
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }
  ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;
  return ret;
}