<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="index">
<meta name="robots" content="follow">
<meta name="language" content="Deutsch">
<meta name="keywords" content="Hier die Keywords">
<meta name="description" content="Hier die Beschreibung">
<meta name="distribution" content="global">
<meta name="robots" content="all">
<meta name="revisit-after" content="10 days">
<title>blubb | Übersicht</title>
<script src="../javascript/prototype.js" type="text/javascript"></script>
<script src="../javascript/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="../javascript/lytebox_v3/lytebox.js"></script>
<link href="../styles/style.css" rel="stylesheet" type="text/css" />
<link href="../styles/style_overview.css" rel="stylesheet" type="text/css" />
</head>
<body style="background-image:none;">
<div id="wrapper_bsp">
<div id="imagePre1" style="display:block;">
<div id="image_area"><a href="http://localhost:8888/www.blubb.com/dev/pics/blubb/Ly1_TS_Reservierung.jpg" rel="lytebox[blubb]" title="Tischset"><img src="../pics/blubb/Ly1_TS_Reservierung_pre.jpg" /></a></div>
<div id="type_area">
<table width="200px" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../pics/blubb/blubb_logo_overview.jpg" width="112" height="38" /></td>
</tr>
<tr>
<td style="vertical-align:bottom; height:316px;"><p><span>Weit hinten,</span><br />
hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
</p></td>
</tr>
</table>
</div>
</div>
<!-- new Set -->
<div id="imagePre2" style="display:none;">
<div id="image_area"><a href="http://localhost:8888/www.blubb.com/dev/pics/blubb/1982_Poster_05-222-22.jpg" rel="lytebox[blubb]" title="Poster"><img src="../pics/blubb/1982_Poster_05-222-22_pre.jpg" /></a></div>
<div id="type_area">
<table width="200px" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../pics/blubb/blubb_logo_overview.jpg" width="112" height="38" /></td>
</tr>
<tr>
<td style="vertical-align:bottom; height:316px;"><p><span>Noch weiter hinten,</span><br />
hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
</p></td>
</tr>
</table>
</div>
</div>
<!-- End new Set -->
<!-- new Set -->
<div id="imagePre3" style="display:none;">
<div id="image_area"><a href="http://localhost:8888/www.blubb.com/dev/pics/blubb/1982_Flyer_B_2-05-222-22.jpg" rel="lytebox[blubb]" title="Poster"><img src="../pics/blubb/1982_Flyer_B_2-05-222-22_pre.jpg" /></a></div>
<div id="type_area">
<table width="200px" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../pics/blubb/blubb_logo_overview.jpg" width="112" height="38" /></td>
</tr>
<tr>
<td style="vertical-align:bottom; height:316px;"><p><span>Noch weiter hinten,</span><br />
hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
</p></td>
</tr>
</table>
</div>
</div>
<!-- End new Set -->
</div>
<div id="thumb_wrapper">
<div id="thumbs">
<div id="thumb"><a href="#" onclick="writeImagePre('imagePre1')"><img src="../pics/blubb/Ly1_TS_Reservierung_thumb.jpg" width="65" height="45" /></a></div>
<div id="thumb"><a href="#" onclick="writeImagePre('imagePre2')"><img src="../pics/blubb/1982_Poster_05-222-22_thumb.jpg" width="65" height="45" /></a></div>
<div id="thumb"><a href="#" onclick="writeImagePre('imagePre3')"><img src="../pics/blubb/1982_Flyer_B_2-05-222-22_thumb.jpg" width="65" height="45" /></a></div>
<div id="thumb"></div>
<div id="thumb"></div>
<div id="thumb"></div>
<div id="thumb"></div>
<div id="thumb"></div>
<div id="thumb"></div>
<div id="thumb"></div>
<div id="thumb"></div>
<div id="thumb"></div>
<div id="thumb"></div>
</div>
<div id="scroll_leiste">
<div id="scroll_lefta" onclick="jumpHorizontal($('thumbs'), 'left')" style="width:25px; height:21px; position:absolute;"><img src="../pics/arrow_left.png" width="25" height="21" /></div>
<div id="scroll_tracka" style="width:100%; left:18px; position:relative;">
<div id="scroll_handlea" style="left:400px; width:136px; height:21px; background-repeat:no-repeat; padding-left:5px; padding-right:0px;"><img src="../pics/scroller.png" width="136" height="21" /></div>
</div>
<div id="scroll_righat" onclick="jumpHorizontal($('thumbs'), 'right')" style="width:25px; height:20px; background-position:right; position:absolute; right:0px; bottom:0px;"><img src="../pics/arrow_right.png" width="25" height="21" /></div>
</div>
</div>
<div id="debug" style="color:#000000; background-color:#999999; width:600px; height:350px; overflow:scroll;">debug</div>
<script language="javascript" type="text/javascript">
// <![CDATA[
// horizontal slider control
var slider5 = new Control.Slider('scroll_handlea', 'scroll_tracka', {
onSlide: function(v) { scrollHorizontal(v, $('thumbs'), slider5); },
onChange: function(v) { scrollHorizontal(v, $('thumbs'), slider5); }
});
// scroll the element horizontally based on its width and the slider maximum value
function scrollHorizontal(value, element, slider) {
element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}
function jumpHorizontal(element, direction) {
var blubb = window.innerWidth;
element.scrollLeft += blubb;
var jump = window.innerWidth / element.scrollWidth;
if(direction == 'right') {
slider5.setValue(slider5.value + jump);
} else if(direction == 'left') {
slider5.setValue(slider5.value - jump);
}
}
function writeImagePre(appElement) {
var allDivs = document.getElementsByTagName('div');
var preDivs = new Array();
var debug = document.getElementById('debug');
debug.innerHTML += 'allDivs Elemente=' + allDivs.length + '<br \/>';
for (var i=0; i<allDivs.length; i++) {
debug.innerHTML += 'iteration(i)=' + i + '<br \/>';
//alert(allDivs[i].id + '->style=' + allDivs[i].style.display);
if(allDivs[i].id == 'imagePre'+i) {
debug.innerHTML += 'imagePre' + i + '<br \/>';
preDivs.push(allDivs[i]);
/*if(allDivs[i].style.display != 'none' || allDivs[i].style.display == '') {
var d = allDivs[i];
new Effect.Fade(d, { duration: 1.5 , afterFinish: appPre(appElement) });
document.d.style.display = 'none';
break;
}*/
}
}
for (var j=0; j<preDivs.length; j++) {
debug.innerHTML += ' | ' + preDivs[j].id + '->style=' + preDivs[j].style.display;
}
}
// ]]>
</script>
<!-- GA Code -->
<!-- GA Code Ende -->
</body>
</html>
