/**
*
* www.hifi-king.de / Version 2.00
* /js/teaser_ticker.js
* vertical news and image-scroller
*
* last update: 2008-11-19, 20:45 (Ben)
*
*
**/
// ################################################################################################################################
// CONTENT TEXT ###################################################################################################################
// ################################################################################################################################
news_content = new Array();
news_content.push('
');
news_content.push('
');
news_content.push('
');
news_content.push('
');
news_content.push('
');
news_content.push('
');
news_content.push('
');
news_content.push('
');
news_content.push('
');
news_content.push('
');
news_content.push('
');
// ################################################################################################################################
// ################################################################################################################################
// SETTINGS #######################################################################################################################
// ################################################################################################################################
// SCROLL DIRECTION (up, down, left, right)
config_scroll_direction = 'up';
// DELIMITER BETWEEN SINGLE NEWS (only on left / right)
config_news_delimiter = ' + + + ';
// SCROLL INTERVAL
config_scroll_interval = 20;
// STOP ON MOUSEOVER (true, false)
config_stop_on_hover = true;
// IF SPACE BETWEEN NEWS (minimum value: 1)
config_news_spacer = 2;
// STEPS FOR EACH LOOP
config_news_steps = 1;
// --
// CSS BORDER
css_border = '0px solid #FFFFFF';
// CSS WIDTH
css_width = 150;
// CSS HEIGHT
css_height = 300;
// CSS PADDING
css_padding = 2;
// CSS BACKGROUND COLOR
css_background_color = '#0466BF';
// CSS TEXT COLOR
css_text_color = '#FFFFFF';
// CSS TEXT ALIGN
css_text_align = 'middle';
// ################################################################################################################################
// ################################################################################################################################
// BEGINN SCOLLER #################################################################################################################
// ################################################################################################################################
//IE V4
IE = document.all && !window.opera;
//DOM-Browser
DOM = document.getElementById && !IE;
//läuft ab IE4 und in DOM-Browsern
if(DOM || IE) {
// Ermitteln, ob Ticker horizontal oder vertikal laufen soll
blnDir = (config_scroll_direction == 'up' || config_scroll_direction == 'down') ? true : false;
// --
//Bei horizontalem Ticker wird ein nobr-, ansonsten ein div-Tag verwendet
strNobr = (blnDir) ? 'div' : 'nobr';
// --
// Trennzeichen zwischen den Einzelnen Eintraegen
// bei horizontalem Ticker gemäss Angabe in Variale config_news_delimiter
// Ansonsten Zeilenumbrueche
config_news_delimiter = (blnDir) ? '
' : config_news_delimiter;
// --
// String fuer Textausrichtung bei vertikalem Ticker
css_text_align = (blnDir) ? 'text-align:' + css_text_align + ';' : '';
// --
// Variable zum Speichern des Intervals
var objGo;
// Variable zum Speichern der Position
intPos = 0;
// --
//String erzeugen fuer JS-Code, falls Ticker beim mouseover stoppen soll
strStopHover=(config_stop_on_hover) ? 'onmouseover="clearInterval(objGo)"onmouseout="objGo=setInterval(\'DM_ticken()\',' + config_scroll_interval + ')"' : '';
//Tickertext zu String zusammenfuegen
strText = (blnDir) ? news_content.join(config_news_delimiter) + config_news_delimiter : news_content.join(config_news_delimiter) + config_news_delimiter;
strNews = strText;
// --
for(i=1; i<' + strNobr + '>' + strNews + '
';
// TickerCode im Dokument ausgeben
document.write(strTicker);
// --
// Funktion, um Ticker ticken zu lassen
function DM_ticken() {
// Ticker-Objekt je nach Browser ermitteln
objTicker = (IE) ? document.all.ticker : document.getElementById('ticker');
// Array fuer zu manipulierende Eigenschaften des Tickers je nach Richtung
//Richtung=new Array(Pixelwert zur Aenderung der Position,Breite/Höhe des Tickers,zu andernder Positionswert);
arrDir = new Array();
arrDir['up'] = new Array(-1,objTicker.offsetHeight,'top');
arrDir['down'] = new Array(1,objTicker.offsetHeight,'top');
arrDir['left'] = new Array(1,objTicker.offsetWidth,'left');
arrDir['right'] = new Array(-1,objTicker.offsetWidth,'left');
// Ermitteln von Breite bzw. Höhe der anzuzeigenden Items
dblOffset = arrDir[config_scroll_direction][1] / config_news_spacer;
// --
//Neuen Positionswert ermitteln
switch (config_scroll_direction) {
case 'right' : intPos = (Math.abs(intPos) > dblOffset) ? 0 : intPos; break;
case 'left' : intPos = (intPos>0) ? - dblOffset : intPos; break;
case 'up' : intPos = (Math.abs(intPos) > dblOffset) ? 0 : intPos; break;
case 'down' : intPos = (intPos>0) ? - dblOffset : intPos; break;
}
// --
// Neuen Positionswert zuweisen
objTicker.style[arrDir[config_scroll_direction][2]] = intPos + "px";
//Positionswert hoch/heruntersetzen
intPos+=config_news_steps*arrDir[config_scroll_direction][0];
}
// --
// Erneut ticken lassen
objGo = setInterval('DM_ticken()', config_scroll_interval);
// --
}
// ################################################################################################################################