// use mouse wheel
Element.Events.extend({
	'wheelup':{type:Element.Events.mousewheel.type,map:function(e){e=new Event(e);if(e.wheel>=0)this.fireEvent('wheelup',e)}},
	'wheeldown':{type:Element.Events.mousewheel.type,map:function(e){e=new Event(e);if(e.wheel<=0)this.fireEvent('wheeldown',e)}}
});  

// packages
if(typeof itw=='undefined')var itw={};
if(typeof spx=='undefined')var spx={};

function countPI() {}
function countPi(x,id){
  if(id)ji(id);
  countPI(x);
}
function ji(x) {
  var sub='/'+new Date().getTime();
  if(sub=='/')return;
  if(!window.jis)window.jis=[];
  var i=window.jis.length;
  window.jis[i]=new Image();
  window.jis[i].src='/j'+'i/'+x+sub+'/ji.gif';
}
function loadJS(url) {
	var newJS=document.createElement('script');
	newJS.type='text/javascript';
	newJS.src=url;
	document.getElementsByTagName('head')[0].appendChild(newJS);
}

// DataLive
spx.SPXDatalive=function(data,defaultSprt,defaultLge){
	this.data=data;
	this.defaultSprt=defaultSprt;
	this.defaultLge=defaultLge;
	this.dlHead=$('dlHead');
	this.dlBody=$('dlBody');
	this.eSlider=this.dlBody.getElement('.dlSlider');
	this.fx=new Fx.Slide(this.eSlider);
	this.fx.hide();
	this.fx.addEvent('onComplete',function(){if(this.isOpen==0)this.dlBody.setStyle('visibility','hidden');}.bind(this));//mt.bugfix
	this.dlGo=this.dlBody.getElement('.dlGo');
	this.dlClose=this.dlBody.getElement('.dlClose');
	this.isOpen=0;
  this.dlHead.addEvent('click',function(){countPI();this.clickedOC();}.bind(this));
  this.dlGo.addEvent('click',this.go.bind(this));
	if(this.dlClose)this.dlClose.addEvent('click',function(){countPI();this.clickedOC();}.bind(this));
	//sels
	this.selS=$('dlSelS');
	this.selS.addEvents({'change':this.chngSprt.bind(this),'keyup':this.chngSprt.bind(this)});
	this.selL=$('dlSelL');
	this.selL.addEvents({'change':this.chngLge.bind(this),'keyup':this.chngLge.bind(this)});
	//init
	this.fillDatalive();
	if(document.dlOpen)this.clickedHead(this.initEl);
}
spx.SPXDatalive.prototype={
	clickedOC:function(){
		if(!this.isOpen){//wenn zu: aufmachen
			this.dlHead.addClass('dlOpen');
			this.dlBody.setStyle('visibility','visible');//mt.bugfix
			this.fx.stop();
			this.fx.slideIn();
			this.isOpen=1;
		}
		else{//wenn offen: schliessen
			this.dlHead.removeClass('dlOpen');
			this.fx.stop();
			this.fx.slideOut();
			this.isOpen=0;
		}
	},
  fillDatalive:function(){
  	var oS=this.selS.options;
    for(var sport in this.data){oS[oS.length]=new Option(sport,sport,false,sport==this.defaultSprt);}
    this.chngSprt(this.defaultLge);
  },
  chngSprt:function(sel){
  	var oS=this.selS.options;
  	var oL=this.selL.options;
    while(oL.length>0){oL[oL.length-1]=null;}
    var opt=this.data[oS[oS.selectedIndex].value];
    for(var league in opt){oL[oL.length]=new Option(league,opt[league],false,league==sel);}
    this.chngLge(true);
  },
  chngLge:function(noGo){
  	var oL=this.selL.options;
  	var hasVal=oL.selectedIndex>=0&&oL[oL.selectedIndex].value!='';
    this.dlGo.setStyle('visibility',hasVal?'visible':'hidden');
    if(noGo!==true)this.go();
  },
  go:function(){
  	var oL=this.selL.options;
    window.location.href='http://www.spox.com/de/daten'+oL[oL.selectedIndex].value;
  }
}

// Allerlei
spx.SPXAll=function(suffix,id,ms){
	this.suffix=suffix;
	this.id=id;
	this.ms=ms;
	this.el=$(id);
	this.eHB=this.el.getElements('.'+this.suffix+'Headbut');
	this.idx=0;
	this.cnt=this.eHB.length;
	if(this.cnt>1){
		var eH=this.el.getElement('.'+this.suffix+'Head');
		this.xpos=eH.getCoordinates()['width'];
		for(var i=this.cnt;i>0;i--){
			var eI=this.eHB[i-1];
		  this.xpos-=eI.getCoordinates()['width'];
			eI.setStyles({left:this.xpos+'px'});
			this.xpos-=4;
			var eBody=$(eI.id+'body');
			eBody.fx=new Fx.Style(eBody,'opacity',{duration:500});
			eBody.fx.set(i==1?1:0);
		}
		this.el.getElements('.'+this.suffix+'Headitem').each(function(eI){
		  eI.setStyles({width:this.xpos+'px'});
		}.bind(this));
		this.eHB.each(function(eI){
			eI.removeClass('allVisH');
		  eI.addEvent('click',function(){countPI();this.clickedElement(eI);return false;}.bind(this));
		}.bind(this));
		var eP=this.el.getElement('.'+this.suffix+'P');
		eP.removeClass('allVisH');
		eP.addEvent('click',function(){countPI();this.clickedPrev();return false;}.bind(this));
		var eN=this.el.getElement('.'+this.suffix+'N');
		eN.removeClass('allVisH');
		eN.addEvent('click',function(){countPI();this.clickedNext();return false;}.bind(this));
		//timer
		this.tim=this.autoNext.delay(this.ms,this);
		this.el.addEvent('mouseover',function(){$clear(this.tim);}.bind(this));
		this.el.addEvent('mouseout',function(){$clear(this.tim);this.tim=this.autoNext.delay(this.ms,this);}.bind(this));
	}
}
spx.SPXAll.prototype={
	clickedPrev:function(){
		var i=(this.idx+this.cnt-1)%this.cnt;
		var e=this.el.getElement('#'+this.id+'_'+i);
		this.clickedElement(e);
	},
	clickedNext:function(){
		var i=(this.idx+1)%this.cnt;
		var e=this.el.getElement('#'+this.id+'_'+i);
		this.clickedElement(e);
	},
	autoNext:function(){
		var i=(this.idx+1)%this.cnt;
		var e=this.el.getElement('#'+this.id+'_'+i);
		this.clickedElement(e);
		$clear(this.tim);this.tim=this.autoNext.delay(this.ms,this);
	},
  clickedElement:function(eClick){
  	var eAct=this.el.getElement('#'+this.id+'_'+this.idx);
  	var i=eClick.id;
  	this.idx=parseInt(i.substring(i.indexOf('_')+1));
  	eAct.removeClass(this.suffix+'Butsel');
  	eClick.addClass(this.suffix+'Butsel');
  	$(eAct.id+'head').addClass(this.suffix+'VisH');
  	$(eClick.id+'head').removeClass(this.suffix+'VisH');
//  	$(eAct.id+'body').setStyles({display:'none'});
//  	$(eClick.id+'body').setStyles({display:'block'});
		var eAB=$(eAct.id+'body');var eCB=$(eClick.id+'body');
  	eAB.fx.stop();eAB.fx.start(0);
  	eCB.fx.stop();eCB.fx.start(1);
  }
}

// DIASHOW
spx.SPXDia=function(domId,resId,diaArr,diaWidth,diaHeight,withMScroll){
	this.index=0;
	this.el=$(domId);
	this.resId=resId;
	this.origHeight=this.el.getCoordinates()['height'];
	this.eBild=this.el.getElement('.bild');
	this.eBtxt=this.el.getElement('.btxt');
	this.lineHeight=this.eBtxt.getCoordinates()['height'];
	this.eButPrev=this.el.getElement('.prev');
	this.eButNext=this.el.getElement('.next');
	this.eDisp=this.el.getElement('.disp');
	this.eCopy=this.el.getElement('.copy');
  this.diaArr=diaArr;
  this.diaWidth=diaWidth;
  this.diaHeight=diaHeight;
  this.length=this.diaArr.length;
  this.eButPrev.addEvents({
    'click':function(){countPi({prop2:'dsArtikel'},this.resId);this.index--;this.display();}.bind(this)
  });
  this.eButNext.addEvents({
    'click':function(){countPi({prop2:'dsArtikel'},this.resId);this.index++;this.display();}.bind(this)
	});
	if(withMScroll){
		this.eBild.addEvents({
			'wheelup':function(e){e=new Event(e).stop();countPi({prop2:'dsArtikel'},this.resId);this.index--;this.display();}.bind(this),
			'wheeldown':function(e){e=new Event(e).stop();countPi({prop2:'dsArtikel'},this.resId);this.index++;this.display();}.bind(this)
		});
	}
	this.display();
}
spx.SPXDia.prototype={
	display:function(){
	  this.index=((this.index+this.length) % this.length);
	  var actDia=this.diaArr[this.index];
	  switch(actDia[0].substr(actDia[0].lastIndexOf('.')+1)){
	    case 'jpg':
      case 'jpeg':
	    case 'png':
	    case 'gif':
	      var tmp='<img src="'+actDia[0]+'" width="'+this.diaWidth+'" height="'+this.diaHeight+'" alt="" />';
			  this.eBild.setHTML(tmp);
	      break;
	    case 'swf':
			  var so=new SWFObject(actDia[0],'idDia',this.diaWidth,this.diaHeight,'8','#000000');
				so.addParam('wmode','transparent');
			  so.write(this.eBild);
	      break;
	  }
	  var cp='';
	  if(actDia[2]!='')cp='&copy;&nbsp;'+actDia[2];
	  this.eCopy.setHTML(cp);
	  this.eBtxt.setHTML(actDia[1]);
	  var h=this.eBtxt.getCoordinates()['height'];
	  var delta=Math.max(0,h-this.lineHeight*2);
  	this.el.setStyle('height',this.origHeight+delta);
	  this.eDisp.setHTML((this.index+1)+' / '+this.length);
	}
}

// DIASHOWs-Container
spx.SPXDias=function(suffix,id){
	this.el=$(id);
	var eC=this.el.getElement('.'+suffix+'Cnt');
	var eS=this.el.getElement('.'+suffix+'Scrollarea');
	this.maxX=eC.getCoordinates()['width']-eS.getCoordinates()['width']-10;
	var butL=this.el.getElement('.'+suffix+'ButL');
	var butR=this.el.getElement('.'+suffix+'ButR');
  this.fx=new Fx.Style(eC,'left',{duration:1000,wait:false,transition:Fx.Transitions['Expo']['easeOut']});
	this.x=0;
	var eB=this.el.getElement('.'+suffix+'B');
	//if(eB)eB.addEvent('click',function(e){location.href='/de/index.html'});
	butL.addEvent('click',function(){
		countPI();
		this.x=Math.min(0,this.x+126);
	  this.fx.start(this.x);
	}.bind(this));
	butR.addEvent('click',function(){
		countPI();
		this.x=Math.max(-this.maxX,this.x-126);
	  this.fx.start(this.x);
	}.bind(this));
}

// Universeller ITW-Slider
itw.ITWSlide=function(suffix,id,leftortop){
	this.el=$(id);
	this.scrollarea=this.el.getElement('.'+suffix+'SCI');
	this.slidearea=this.el.getElement('.'+suffix+'SBBck');
	this.slider=this.el.getElement('.'+suffix+'SBDrg');
	this.sbup=this.el.getElement('.'+suffix+'SBUp');
	this.sbdn=this.el.getElement('.'+suffix+'SBDn');
	this.leftortop=leftortop;
	this.xory='x';
	this.isLeft=true;
	if(leftortop=='top'){
		this.xory='y';
		this.isLeft=false;
	}
	this.scrollarea.scrollTo(0,0);
	this.recalc();
	this.drag=new Drag.Move(this.slider,{'container':this.slidearea});
	this.drag.addEvent('onDrag',this.scroll2Bar.bind(this));
	this.drag.addEvent('onBeforeStart',function(){this.slider.addClass(suffix+'SBDrgMD');}.bind(this));
	this.drag.addEvent('onComplete',function(){this.slider.removeClass(suffix+'SBDrgMD');}.bind(this));
	this.sbup.addEvent('mousedown',function(){this.sbup.addClass(suffix+'SBUpMD');this.scrollUp();this.tim=this.startUp.delay(250,this);}.bind(this));
	this.sbup.addEvent('mouseup',function(){$clear(this.tim);this.sbup.removeClass(suffix+'SBUpMD');}.bind(this));
	this.sbup.addEvent('mouseout',function(){$clear(this.tim);this.sbup.removeClass(suffix+'SBUpMD');}.bind(this));
	this.sbdn.addEvent('mousedown',function(){this.sbdn.addClass(suffix+'SBDnMD');this.scrollDn();this.tim=this.startDn.delay(250,this);}.bind(this));
	this.sbdn.addEvent('mouseup',function(){$clear(this.tim);this.sbdn.removeClass(suffix+'SBDnMD');}.bind(this));
	this.sbdn.addEvent('mouseout',function(){$clear(this.tim);this.sbdn.removeClass(suffix+'SBDnMD');}.bind(this));
}
itw.ITWSlide.prototype={
	recalc:function(){
		this.step=(this.scrollarea.getSize()['scrollSize'][this.xory]-this.scrollarea.getSize()['size'][this.xory])/
		          (this.slidearea.getSize()['size'][this.xory]-this.slider.getSize()['size'][this.xory]);
	},
	startUp:function(){this.tim=this.scrollUp.periodical(25, this);},
	startDn:function(){this.tim=this.scrollDn.periodical(25, this);},
	scrollUp:function(){
		var p=this.slider.getStyle(this.leftortop).toInt();
		p=Math.max(0,p-1);
		this.slider.setStyle(this.leftortop,p+'px');
		this.scroll2Bar();
	},
	scrollDn:function(){
		var p=this.slider.getStyle(this.leftortop).toInt();
		p=Math.min(this.slidearea.getSize()['size'][this.xory]-this.slider.getSize()['size'][this.xory],p+1);
		this.slider.setStyle(this.leftortop,p+'px');
		this.scroll2Bar();
	},
	scroll2Bar:function(){
	  var sval=(this.slider.getStyle(this.leftortop).toInt())*this.step;
	  if(this.isLeft)this.scrollarea.scrollTo(sval,0);
	  else this.scrollarea.scrollTo(0,sval);
	}
}

// Universeller ITW-Reiter
itw.ITWTab=function(suffix,id,tabDist,initIdx,hFix){
	this.suffix=suffix;
	this.el=$(id);
	this.xpos=0;
	this.tabDist=tabDist;
	this.hFix=hFix;
	var elCnt=0;
	this.el.getElements('.'+this.suffix+'Tabbodyitem').each(function(eB){
		var eF=eB.getElement('.rtrFoo');
		if(eF){
			var eS=eB.getElement('.rtrScrollarea');
			if(eS){
				var h=eS.getCoordinates()['height']-eF.getCoordinates()['height']+'px';
				eS.setStyle('height',h);
				var eS=eB.getElement('.rtrSlidearea');if(eS)eS.setStyle('height',h);
			}
		}
	}.bind(this));
	var wH=this.el.getElement('.'+this.suffix+'Tabhead').getCoordinates()['width'];
	var eHI=this.el.getElements('.'+this.suffix+'Tabheaditem');
	var wHI=parseInt(eHI[0].getStyle('width'));
	var w=(wHI+tabDist)*eHI.length;
	if(eHI.length==1)wHI=wH+1;
	else if(w>wH)wHI=wH/eHI.length-tabDist+1;
	eHI.each(function(eH){
	  eH.setStyles({left:this.xpos+'px',width:wHI+'px',visibility:'visible'});
	  this.xpos+=eH.getCoordinates()['width']+this.tabDist;
	  eH.addEvent('click',function(){countPI();this.clickedElement(eH);}.bind(this));
	  if(initIdx==elCnt++)this.initEl=eH; // Aufklapp-Ele merken
	}.bind(this));
	this.clickedElement(this.initEl);
}
itw.ITWTab.prototype={
  clickedElement:function(eClick){
	  this.el.getElements('.'+this.suffix+'Tabheaditem').each(function(eH){
	  	var eB=$(eH.id+'body');
	    if(eClick==eH){
	      eH.addClass(this.suffix+'Tabsel');
	      if(this.hFix)eB.setStyle('visibility','visible');
	      else eB.setStyle('display','block');
	    }
	    else{
	      eH.removeClass(this.suffix+'Tabsel');
	      if(this.hFix)eB.setStyle('visibility','hidden');
	      else eB.setStyle('display','none');
	    }
	  }.bind(this));
  }
}

// SWF with Fallback
itw.SWFwFallback=function(id,fallback,url,width,height,bgcolor){
	this.id=id;
	this.fallback=fallback;
	this.url=url;
	this.width=width;
	this.height=height;
	this.bgcolor=bgcolor;
	this.wMode='transparent';
	this.minimumVersion=7;
  this.variables = {};
}
itw.SWFwFallback.prototype={
	setWMode:function(wMode){
		this.wMode=wMode;
	},
  addVariable:function(key, value) {
    this.variables[key] = value;
  },
	setMinimumVersion:function(majorVersion){
		this.minimumVersion=majorVersion;
	},
	requirementsComplied:function(){
		if(deconcept.SWFObjectUtil.getPlayerVersion()['major']<this.minimumVersion)return false;
		return true;
	},
	getHTML:function(){
		if(!this.url||!this.width||!this.height||!this.requirementsComplied())return this.fallback;
    var params=null;
    var pos=url.indexOf('?');
    if (pos>-1){
      params=this.url.substring(pos+1).split('&');
      this.url=this.url.substring(0,pos);
    }
	  var so=new SWFObject(this.url,this.id,this.width,this.height,this.minimumVersion,this.bgcolor);
	  so.addParam('wmode',this.wMode);
    so.addParam('allowscriptaccess','always');
    if(params){
    	for(var i=0;i<params.length;i++){
    		var p=params[i].split('=');
    		so.addVariable(p[0],p[1]);
    	}
    }
    for (var i in this.variables) {
      so.addVariable(i, this.variables[i]);
    }
    return so.getSWFHTML();
	},
	write:function(elementId){
		var n=(typeof elementId=='string')?document.getElementById(elementId):elementId;
		n.innerHTML=this.getHTML();
		return true;
	}
}
var SWFwFallback=itw.SWFwFallback;

itw.trndChange=function(el){
	var frm=el.form;
	var answerCnt=0;
	var answerReq=frm.an.value;
	if(answerReq>1){
		for(var i=0;i<frm.vtNdx.length;i++)if(frm.vtNdx[i].checked)answerCnt++;
		for(var i=0;i<frm.vtNdx.length;i++)frm.vtNdx[i].disabled=!frm.vtNdx[i].checked&&answerReq==answerCnt;
	}
}
itw.trndStart=function(frm,z){
	var answerCnt=0;
	var answerReq=frm.an.value;
	var tmp='';
	for(var i=0;i<frm.vtNdx.length;i++){
		if(frm.vtNdx[i].checked){
			answerCnt++;
			tmp+=(tmp!=''?',':'')+i;
		}
	}
	if(answerCnt==0){
		alert('Sie haben noch keine Auswahl getroffen!');
	}
	else if(answerCnt!=answerReq){
		alert('Bitte wählen Sie genau '+answerReq+' Antworten aus!');
	}
	else{
		z=frm.id.substring(0,frm.id.indexOf('X'));
		if(document.cookie.indexOf(z+'=')==-1)document.cookie=z+'='+frm.hc.value+';expires='+new Date(3000,1).toGMTString()+';path=/;';
		frm.vt.value=tmp;
		frm.ts.value=new Date().getTime();
		window.open('',frm.id,'width=636px,height=426px');
		frm.submit();
	}
}

/* FUNCTIONAL */
function suchStart(frm){
	if(frm.key.value=='')return;
	frm.action="/dyn/search.html";
	frm.submit();
}