// -----------------------------------------------------------------------------
// ------> Global vars
// -----------------------------------------------------------------------------
// -> bln
// -> Number
var workHeight= 0;
var workWidth = 0;
// -> String
// -> Array
var urlParam = new Array();
// -> Object
var Lager = new Object();
var UrlParamObj = null;
// -----------------------------------------------------------------------------
// -- Url Parameter in Object speichern
// -----------------------------------------------------------------------------
// ------> ProtoTypen Erweiterung
// -----------------------------------------------------------------------------
String.prototype.repl_Umlaute = function(){
return this.replace(/�/gi, 'ae').replace(/�/gi, 'ue').replace(/�/gi, 'oe').replace(/�/gi, 'ss');
}
String.prototype.repl_SpecChar = function(){
return this.replace(/\s/gi, '_').replace(/\W/gi, '_');
}
// -----------------------------------------------------------------------------
// ------> Events
// -----------------------------------------------------------------------------
// -- DOM ready
Event.observe(document, 'dom:loaded', function(event) {
var event = event || window.event; // -> event.type = dataavailable
// -> Layer und Fader erstellen
setLayer();
// -> UrlObject fuellen
if(window.location.href.indexOf('?') != -1)
{
UrlParamObj = window.location.href.split('?')[1].toQueryParams();
}
$$('span[class~=gmap]').each(function(item){
item.style.cursor = 'pointer';
item.observe('click', function(){
showLocation(item.title);
});
});
});
// -- BODY onload
Event.observe(window, 'load', function(event) {
var event = event || window.event; // -> event.type = load
// -> Erg�nzungen
init();
});
// -----------------------------------------------------------------------------
// ------> Functions
// -----------------------------------------------------------------------------
// -- diverse startFunctionen
function init(){
// -- hebt unter "�ber uns" die Namen der Mitglieder bei MouseOver hervor.
if( document.body.id == 'uber_uns' ) {
for(var i=0; i < $$('[rel=member]').length; ++i){
$$('[rel=member]')[i].onmouseover = function(){
var subLinkId = 'sublink_' + this.firstChild.alt;
$(subLinkId).setStyle({backgroundColor:'maroon'});
$(subLinkId).firstChild.setStyle({color:'white'});
};
$$('[rel=member]')[i].onmouseout = function(){
var subLinkId = 'sublink_' + this.firstChild.alt;
$(subLinkId).setStyle({backgroundColor:'#F5F5F5'});
$(subLinkId).firstChild.setStyle({color:'black'});
};
}
}
// -- Alle externen Links in neuem Fenster/ Tab �ffnen
for(var i=0; i < $$('a[href^="http"]').length; ++i){
$$('a[href^="http"]')[i].onclick = function(){openNewWindow(this.href); return false};
}
}
// -----------------------------------------------------------------------------
// -- setzt Layer und Fader in den Dom
function setLayer(){
document.body.appendChild(new Element('div', {id:'Fader'}));
document.body.appendChild(new Element('div', {id:'LayerContainer'}));
// -- Fader
// -- Layer Container
$('LayerContainer').insert(new Element('div', {id:'LayerContent'}));
$('LayerContainer').insert( new Element('span', {id:'LayerCloser'}));
clearLayer();
}
// -----------------------------------------------------------------------------
// -- Layer zeigen
function showLayer(){
$('Fader').setStyle({height:document.body.getHeight()+'px', width:$('wrapper').getWidth()+'px'});
$('Fader').observe('click', clearLayer);
$('LayerCloser').observe('click', clearLayer);
$('Fader', 'LayerContainer').invoke('show');
}
// -----------------------------------------------------------------------------
// -- Layer zur�cksetzen
function clearLayer(){
$('Fader').hide();
$('LayerContainer').hide();
$('LayerContent').innerHTML = '';
}
// -----------------------------------------------------------------------------
// -- einen speziellen Parameter aus der URL beziehen
function getURLParam(Param){
var hrefParameter = new Array();
var hrefLocation = top.location.href.split('?')[1];
hrefLocationArr = hrefLocation.split('&')
for(var i=0; i < hrefLocationArr.length; ++i){
var Bezeichner = hrefLocationArr[i].split('=')[0];
var Wert = hrefLocationArr[i].split('=')[1];
if(Bezeichner == Param) {
return Wert;
}
}
return false;
}
// -----------------------------------------------------------------------------
// -- Client Dimensionen ermitteln
function getDimensions(){
if (self.innerHeight) {
workHeight = self.innerHeight; // all but IE
workWidth = self.innerWidth;
}else if (document.documentElement && document.documentElement.clientHeight) {
workHeight = document.documentElement.clientHeight; // IE 6 strict Mode
workWidth = document.documentElement.clientWidth;
}else if (document.body) {
workHeight = document.body.clientHeight; // all other IE
workWidth = document.body.clientWidth
}
return[workWidth, workHeight];
}
// -----------------------------------------------------------------------------
// -- Array shuffle
function mixArray(a){
b = new Array(a.length);
for(i=0; i < a.length; ++i){
j = Math.round( Math.random() * (a.length-1) );
if(b[j] == undefined) {b[j] = a[i]}
else{i--}
}
return b
}
// -----------------------------------------------------------------------------
function highlightmember(member){
var ActPicSrc = document.images['rightSidePic_0'].src;
document.images['rightSidePic_0'].src = 'images/members/thumbs/pre_'+member+'.jpg';
$(member).style.backgroundColor = 'maroon';
}
// -----------------------------------------------------------------------------
// -- Animation der News
function showNews(BoxInt){
var EffectSpeed = 0.7;
$$('div[class=moreCont]').each(function(s){
new Effect.Morph(s.id,{duration:EffectSpeed, style:'height:0;'});
});
new Effect.Morph('moreCont_'+BoxInt,{duration:EffectSpeed, style:'height:55px;'});
}
// -----------------------------------------------------------------------------
// ->
Lager['alfeld'] = '';
Lager['alfeld_saat'] = '';
Lager['aschen'] = '
Gr��ere Kartenansicht';
Lager['barsinghausen'] = '
Gr��ere Kartenansicht';
Lager['bad_bodenteich'] = '';
Lager['degersen'] = '
Größere Kartenansicht';
Lager['eckernfoerde'] = '
Gr��ere Kartenansicht';
Lager['egestorf'] = '
Gr��ere Kartenansicht';
Lager['hildesheim'] = '
Gr��ere Kartenansicht';
Lager['lissberg'] = '
Größere Kartenansicht';
Lager['ottersburg'] = '';
Lager['pattensen'] = '
Gr��ere Kartenansicht';
Lager['sprengel'] = '
Gr��ere Kartenansicht';
//----------------------------------------------------
function showLocation(Param){
var Location = Param.repl_Umlaute().repl_SpecChar().toLowerCase();
// Kartenbox verschiebbar machen
$('LayerContent').innerHTML = Lager[Location];
$('LayerContainer').setStyle('margin-left:-325px;');
$('LayerCloser').addClassName('mapCloser').update('schliessen X');
showLayer();
$('Fader').show();
$('LayerContainer').show();
}
// -----------------------------------------------------------------------------
// �ffnet externe Links in neuem Fenster/Tab und stellt es in den Vorergrund.
function openNewWindow(Href){
var newWindow = window.open(Href, "extern");
newWindow.focus();
}
// -----------------------------------------------------------------------------
function showMore(Box, LinkElement){
var MorphTo;
var NumOfPics = $$('#'+Box+' [class=thumb]').length;
if($(LinkElement).innerHTML.indexOf('mehr') != -1 && NumOfPics > 4){
if(NumOfPics <= 4){MorphTo = 155}
if(NumOfPics > 4){MorphTo = 285}
if(NumOfPics > 8){MorphTo = 415}
$(Box).morph('height:'+MorphTo+'px;');
$(LinkElement).innerHTML = ' >> weniger';
}
else{
$(Box).morph('height:155px;');
$(LinkElement).innerHTML = ' >> mehr';
}
}
// -----------------------------------------------------------------------------
function showVideo(Path){
var so = new SWFObject('player.swf','mpl','470','320','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('playlistfile','path.xml');
so.addVariable('duration','34');
so.addVariable('file','http://content.longtailvideo.com/videos/flvplayer.flv');
so.addVariable('image','http://content.longtailvideo.com/videos/flvplayer.jpg');
so.addVariable('playlist','right');
so.write('mediaspace');
}