<div align="center">
<script language="javascript" src="https://sites.google.com/site/scriptperilblog/widget-1/mootools.svn.js" type="text/javascript"></script>
<style>
#NewsTicker{
border:solid 0px #cccccc;
background:#ffffff;
width:540px;
height:140px;
}
#NewsTicker h1{
padding:0px 6px 2px 10px; margin:0; border:0;
background:#AC1615 url(https://lh5.googleusercontent.com/_nT13UtBmmiU/Td0TfJKjTbI/AAAAAAAATTU/ysIzl64q8iI/sfondo-titolo.png) repeat-x;
color:#ffffff;
font-size:14px;
font-weight:bold;
}
#NewsVertical {
width:540px;
height:140px;
display:block;
overflow:hidden;
position:relative;
}
#TickerVertical {
width:540px;
height:140px;
display:block;
list-style:none;
margin:0;
padding:0;
}
#TickerVertical li {
display:block;
width:540px;
color:#333333;
text-align:left;
font-size:11px;
margin:0;
padding:0px;
float:left;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
display:block;
color:#000000;
font-size:12px;
font-weight:bold;
margin-bottom:6px;
text-decoration:none;
}
#TickerVertical li .NewsTitle a:hover {
text-decoration:underline;
}
#TickerVertical li .NewsImg{
float:left;
margin-right:10px;
}
#TickerVertical li .NewsFooter{
display:block;
color:#000000;
font-size:10px;
margin:6px 0 14px 0;
}
</style>
<div id="NewsTicker">
<h1>Ultimi post di Idee per Computer ed internet</h1>
<div id="NewsVertical">
<ul id="TickerVertical">
<li>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://lh3.googleusercontent.com/_nT13UtBmmiU/Td0M2XRwEgI/AAAAAAAATTM/mNBKscKBY0A/thumbnail.jpg";
imgr[1] = "https://lh3.googleusercontent.com/_nT13UtBmmiU/Td0M2XRwEgI/AAAAAAAATTM/mNBKscKBY0A/thumbnail.jpg";
imgr[2] = "https://lh3.googleusercontent.com/_nT13UtBmmiU/Td0M2XRwEgI/AAAAAAAATTM/mNBKscKBY0A/thumbnail.jpg";
showRandomImg = true;
boxwidth = 540; cellspacing = 5;
borderColor = "#ffffff"; bgTD = "#ffffff";
thumbwidth = 90; thumbheight = 62;
fntsize = 10; acolor = "#666"; aBold = true;
icon = " "; text = "comments";
showPostDate = false; summaryPost = 25;
summaryFontsize = 10; summaryColor = "#666";
icon2 = " "; numposts = 5;
home_page = "http://www.ideepercomputeredinternet.com/atom.xml"; startfrom = 6;
</script>
<script src="https://sites.google.com/site/scriptperilblog/widget-1/horizontal-widget.js" type="text/javascript"></script>
</li>
<noscript><a href='http://goo.gl/LefP5' target='_blank'><span style='font-size: x-small;'>MooTools Slideshow</span></a></noscript>
<li>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://lh3.googleusercontent.com/_nT13UtBmmiU/Td0M2XRwEgI/AAAAAAAATTM/mNBKscKBY0A/thumbnail.jpg";
imgr[1] = "https://lh3.googleusercontent.com/_nT13UtBmmiU/Td0M2XRwEgI/AAAAAAAATTM/mNBKscKBY0A/thumbnail.jpg";
imgr[2] = "https://lh3.googleusercontent.com/_nT13UtBmmiU/Td0M2XRwEgI/AAAAAAAATTM/mNBKscKBY0A/thumbnail.jpg";
showRandomImg = true;
boxwidth = 540; cellspacing = 5;
borderColor = "#ffffff"; bgTD = "#000000";
thumbwidth = 95; thumbheight = 62;
fntsize = 10; acolor = "#666"; aBold = true;
icon = " "; text = "comments";
showPostDate = false; summaryPost = 25;
summaryFontsize = 10; summaryColor = "#666";
icon2 = " "; numposts = 5;
home_page = "http://www.ideepercomputeredinternet.com/atom.xml"; startfrom = 1;
</script>
<script src="https://sites.google.com/site/scriptperilblog/widget-1/horizontal-widget.js" type="text/javascript"></script>
</li>
</ul>
</div>
</div>
<script type='text/javascript'>
var Ticker = new Class({
setOptions: function(options) {
this.options = Object.extend({
speed: 1500,
delay: 10000,
direction: 'horizontal',
onComplete: Class.empty,
onStart: Class.empty
}, options || {});
},
initialize: function(el,options){
this.setOptions(options);
this.el = $(el);
this.items = this.el.getElements('li');
var w = 0;
var h = 0;
if(this.options.direction.toLowerCase()=='horizontal') {
h = this.el.getSize().size.y;
this.items.each(function(li,index) {
w += li.getSize().size.x;
});
} else {
w = this.el.getSize().size.x;
this.items.each(function(li,index) {
h += li.getSize().size.y;
});
}
this.el.setStyles({
position: 'absolute',
top: 0,
left: 0,
width: w,
height: h
});
this.fx = new Fx.Styles(this.el,{duration:this.options.speed,onComplete:function() {
var i = (this.current==0)?this.items.length:this.current;
this.items[i-1].injectInside(this.el);
this.el.setStyles({
left:0,
top:0
});
}.bind(this)});
this.current = 0;
this.next();
},
pause: function() {
$clear(mytimer);
mytimer = null;
},
resume: function() {
if (mytimer == null) {
this.next();
}
},
next: function() {
this.current++;
if (this.current >= this.items.length) this.current = 0;
var pos = this.items[this.current];
this.fx.start({
top: -pos.offsetTop,
left: -pos.offsetLeft
});
mytimer = this.next.bind(this).delay(this.options.delay+this.options.speed);
}
});
var mytimer = null;
window.addEvent('domready', function() {
var hor = new Ticker('TickerVertical', {
speed : 1500, delay : 10000, direction : 'horizontal'});
$('stop_scroll').addEvent('click', function() {
$('play_scroll_cont').style.display='block';
$('stop_scroll_cont').style.display='none';
hor.pause();
});
$('play_scroll').addEvent('click', function() {
$('stop_scroll_cont').style.display='block';
$('play_scroll_cont').style.display='none';
hor.resume();
});
});
</script>
</div>