/*
Witt Weiden Corporate
Global functions
Author: Planetactive GmbH


LANGUAGES
GENERAL
FRAMEWORK
HOME
SEARCH
TIMELINE
*/


/************************************************************
* LANGUAGES
************************************************************/
var text=new Array();
text['de']=new Array(), text['en']=new Array(), text['fr']=new Array();

text['de']['search']='Suche';
text['en']['search']='Search';
text['fr']['search']='Recherche';

/************************************************************
* GENERAL
************************************************************/
// fire global events
window.addEvent('domready',function(){
	initSearchInputs();
	initDirectAccess();
	initExtendedsearch();
});

/************************************************************
* FRAMEWORK
************************************************************/
// search input prefill
function initSearchInputs(){
	var inputs=$$('.searchinput');
	if(inputs.length>0){
		inputs.each(function(el){
			el.addEvent('focus',function(event){
				if(el.value==text[lang]['search']) el.value='';
			});
			el.addEvent('blur',function(event){
				if(!el.value) el.value=text[lang]['search'];
			});
		});
	}
}




// change url to select.value
function initDirectAccess(){
	var select=$('direct_access');
	if(select){
		select.addEvent('change',function(event){
			if(select.value!='0') window.location.href=select.value;
		});
	}
}

/************************************************************
* HOME
************************************************************/
// fire ticker
function initTicker(){
	window.addEvent('domready',function(){
		var timer=5, fade=0.5; //settings in seconds
		var ticker=$('ticker'), area=$E('.content',ticker);
		var periodical, entries=tickertext.length, current=entries-1;
		if(entries<1) area.innerHTML='Zur Zeit gibt es keine aktuellen Meldungen.';
		var updater=(function(which){
			var myFx=new Fx.Style(area,'opacity',{duration:fade*1000});
			myFx.start(1,0).chain(function(){
				area.innerHTML=tickertext[which];
				myFx.start(0,1);
			});
		});
		var refresher=(function(){
			current==0 ? current=entries-1 : current=current-1;
			updater(current);
		});
		area.empty();
		updater(current);
		periodical=refresher.periodical(timer*1000); 
	});
}

/************************************************************
* SEARCH
************************************************************/
// show extended search options
function initExtendedsearch(){
	var showLink=$('show_extended'), showArea=$('extended_search');
	if(showLink){
		new Fx.Style(showArea,'display').set('none');
		new Fx.Style(showArea,'opacity').set('0');
		showLink.addEvent('click',function(event){
			new Event(event).stop();
			showLink.remove();
			new Fx.Style(showArea,'display').set('block');
			new Fx.Style(showArea,'opacity',{duration:300}).start(0,1);
		});
	}
}

/************************************************************
* TIMELINE
************************************************************/
// init timeline
function initTimeline(){
	window.addEvent('domready',function(){
		var slots=$ES('.slot','#timeline'), years=$ES('.year','#timeline');
		insertDetail(10); slots[10].addClass('slot_active')
		slots.each(function(el,i){
			if(timeline[i][0]!=''){
				el.innerHTML='<img src="'+timeline[i][0]+'" alt="" width="42" height="42">';
				el.addEvent('mouseenter',function(event){
					insertTimelineLayer(el,i);
				});
				el.addEvent('mouseleave',function(event){
					removeTimelineLayer(el);
				});
				el.addEvent('click',function(event){
					insertDetail(i);
					slots.each(function(el,j){
						i==j ? el.addClass('slot_active') : el.removeClass('slot_active');
					});
				});
			}
		});
		for(i=11;i<19;i++){
			if(timeline[i][0]!='' && timeline[i+10][0]=='') years[i-11].addClass('arm_top');
			else if(timeline[i][0]=='' && timeline[i+10][0]!='') years[i-11].addClass('arm_bottom');
			else if(timeline[i][0]!='' && timeline[i+10][0]!='') years[i-11].addClass('arm_both');
		}
	});
}

// insert timeline layer
function insertTimelineLayer(el,i){
	var layer=new Element('div');
	layer.addClass('timeline_layer');
	layer.injectInside(el);
	
	var top=new Element('div');
	top.addClass('shadow');
	top.innerHTML='<img src="/fileadmin/templates/witt/img/nav_timeline_layer_top.png" alt="" width="308" height="4" />';
	top.injectInside(layer);

	var body=new Element('div');
	body.addClass('body clearfix');
	body.setStyles({'position':'relative'});
	body.injectInside(layer);
	
	var overlay=new Element('img');
	overlay.src='/fileadmin/templates/witt/img/t.gif';
	overlay.setStyles({'position':'absolute','top':'0','left':'0','width':'308px','height':'90px','z-index':'1000000'});
	overlay.injectInside(body);
	
	var image=new Element('div');
	image.addClass('image');
	image.innerHTML='<img src="'+timeline[i][0]+'" alt="" width="82" height="82" />';
	image.injectInside(body);

	var text=new Element('div');
	text.addClass('text');
	text.innerHTML='<h3>'+timeline[i][2]+'</h3><p>'+timeline[i][3]+'<br /><a href="#" class="arrow_white">Mehr erfahren</a></p>';
	text.injectInside(body);
	
	var bottom=new Element('div');
	bottom.addClass('shadow');
	bottom.innerHTML='<img src="/fileadmin/templates/witt/img/nav_timeline_layer_bottom.png" alt="" width="308" height="4" />';
	bottom.injectInside(layer);

	if(window.ie){
		if(i<5 || (i>9 && i<15) || (i>19 && i<25) || (i>29 && i<35)) hideThumb(i+5);
		if(i<6 || (i>9 && i<16) || (i>19 && i<26) || (i>29 && i<36)) hideThumb(i+4);
		if(i<7 || (i>9 && i<17) || (i>19 && i<27) || (i>29 && i<37)) hideThumb(i+3);
		if(i<8 || (i>9 && i<18) || (i>19 && i<28) || (i>29 && i<38)) hideThumb(i+2);
		if(i<9 || (i>9 && i<19) || (i>19 && i<29) || (i>29 && i<39)) hideThumb(i+1);
	}
}

// remove timeline layer
function removeTimelineLayer(el){
	if(window.ie) showThumb();
	$E('.timeline_layer', el).remove();
}

// hide thumb for ie6
function hideThumb(which){
	var slots=$ES('.slot','#timeline');
	if(slots[which].innerHTML!='') new Fx.Style($E('img', slots[which]),'display').set('none');
}

// show thumb for ie6
function showThumb(){
	var slots=$ES('.slot','#timeline');
	slots.each(function(el,i){
		if(timeline[i][0]!='') new Fx.Style($E('img', el),'display').set('block');
	});
}

// show details
function insertDetail(which){
	var myFx=new Fx.Style($('detail'),'opacity',{duration:300});
	myFx.start(1,0).chain(function(){
		//Orig
		//$E('.image', 'detail').innerHTML='<img src="'+timeline[which][1]+'" alt="" width="175" height="215" />';
		//by netsome
		$E('.image', 'detail').innerHTML='<img src="'+timeline[which][1]+'" alt="" width="300"/>';
		$E('.year', 'detail').innerHTML=timeline[which][4];
		$E('h2', 'detail').innerHTML=timeline[which][5];
		findDetail(which);
		$E('p', 'detail').innerHTML=timeline[which][6]
		$E('.nextcurprev', 'detail').innerHTML=nextCurPrev;
		
		myFx.start(0,1);
	});
}
function findDetail(which){
	var picturenumber=0;
	for(i=0;i<mapping.length;++i){
		if(mapping[i]==which) {
			picturenumber=i+1;
			if(i<mapping.length-1){
				next="<a href='javascript:nextPrev("+which+","+mapping[i+1]+")' class='timeline_next'>N&auml;chstes</a>";
				}	else next="<a id='unavailable' class='timeline_next'>N&auml;chstes</a>";
			if(i>0){
				prev="<a href='javascript:nextPrev("+which+","+mapping[i-1]+")'>Vorheriges</a>";
			}	else prev="<a id='unavailable' class='timeline_prev'>Vorheriges</a>";
		}
		
	}
	nextCurPrev=prev+"&nbsp;&nbsp;<span>" +picturenumber+"/"+mapping.length+"</span>&nbsp;&nbsp;"+next;

}
function nextPrev(cur,which){
	var slots=$ES('.slot','#timeline');
	slots[cur].removeClass('slot_active');
	slots[which].addClass('slot_active');
	insertDetail(which);
	}