<link href="/css/webwidget_slideshow_common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/webwidget_slideshow_common.js"></script>

<script language="javascript" type="text/javascript">
$(function() {  
$("#webwidget_slideshow_common1").webwidget_slideshow_common({  
slideshow_transition_effect: 'slide_down',//slide_left slide_down fade_in  
slideshow_time_interval: '4000',  
slideshow_window_width: '300',  
slideshow_window_height: '23',  
slideshow_border_style: 'solid',//dashed dotted double groove hidden inset none outset ridge solid  
slideshow_border_size: '0',  
slideshow_border_color: '#000',  
slideshow_border_radius: '5',  
slideshow_padding_size: '3',  
soldeshow_background_color: '#CCC'  
});  
});  
</script>
<div id="webwidget_slideshow_common1" class="webwidget_slideshow_common">
<ul>
<li><a style="padding-left:5px;" href="#" title="Link1"> Link1 Link1 Link1 Link1 Link1</a></li>
<li><a style="padding-left:5px;" href="#" title="Link2"> Link2 Link2 Link2 Link2 Link2</a></li>
<li><a style="padding-left:5px;" href="#" title="Link3"> Link3 Link3 Link3 Link3 Link3</a></li>
<li><a style="padding-left:5px;" href="#" title="Link4"> Link4 Link4 Link4 Link4 Link4</a></li>
</ul>
<div style="clear: both"></div>
</div>

<script language="javascript" type="text/javascript">
$(function() {  
$("#webwidget_slideshow_common2").webwidget_slideshow_common({  
slideshow_transition_effect: 'slide_left',//slide_left slide_down fade_in  
slideshow_time_interval: '3000',  
slideshow_window_width: '150',  
slideshow_window_height: '110',  
slideshow_border_style: 'none',//dashed dotted double groove hidden inset none outset ridge solid  
slideshow_border_size: '1',  
slideshow_border_color: '#000',  
slideshow_border_radius: '10',  
slideshow_padding_size: '10',  
soldeshow_background_color: 'blue'  
});  
});  
</script>
<div id="webwidget_slideshow_common2" class="webwidget_slideshow_common">
<ul>
<li><a style="line-height:17px;color:#F4F4F4;text-decoration:none;" href="link1" title="Title1">Title1</a><p style="color:#CCC;">description description description description description description description description</p></li>
<li><a style="line-height:17px;color:#F4F4F4;text-decoration:none;" href="link2" title="Title2">Title2</a><p style="color:#CCC;">description description description description description description description description</p></li>
<li><a style="line-height:17px;color:#F4F4F4;text-decoration:none;" href="link3" title="Title3">Title3</a><p style="color:#CCC;">description description description description description description description description</p></li>
<li><a style="line-height:17px;color:#F4F4F4;text-decoration:none;" href="link4" title="Title4">Title4</a><p style="color:#CCC;">description description description description description description description description</p></li>
</ul>
<div style="clear: both"></div>
</div>

<script language="javascript" type="text/javascript">
$(function() {  
$("#webwidget_slideshow_common3").webwidget_slideshow_common({  
slideshow_transition_effect: 'fade_in',//slide_left slide_down fade_in  
slideshow_time_interval: '6000',  
slideshow_window_width: '150',  
slideshow_window_height: '150',  
slideshow_border_style: 'solid',//dashed dotted double groove hidden inset none outset ridge solid  
slideshow_border_size: '2',  
slideshow_border_color: '#000',  
slideshow_border_radius: '5',  
slideshow_padding_size: '10',  
soldeshow_background_color: '#666'  
});  
});  
</script>
<div id="webwidget_slideshow_common3" class="webwidget_slideshow_common">
<ul>
<li><a style="line-height:17px;color:#F4F4F4;text-decoration:none;" href="link1" title="Title1"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title1</a></li>
<li><a style="line-height:17px;color:#F4F4F4;text-decoration:none;" href="link2" title="Title2"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title2</a></li>
<li><a style="line-height:17px;color:#F4F4F4;text-decoration:none;" href="link3" title="Title3"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title3</a></li>
<li><a style="line-height:17px;color:#F4F4F4;text-decoration:none;" href="link4" title="Title4"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title4</a></li>
</ul>
<div style="clear: both"></div>
</div>

<script language="javascript" type="text/javascript">
$(function() {  
$("#webwidget_slideshow_common4").webwidget_slideshow_common({  
slideshow_transition_effect: 'slide_down',//slide_left slide_down fade_in  
slideshow_time_interval: '3500',  
slideshow_window_width: '150',  
slideshow_window_height: '270',  
slideshow_border_style: 'solid',//dashed dotted double groove hidden inset none outset ridge solid  
slideshow_border_size: '2',  
slideshow_border_color: '#000',  
slideshow_border_radius: '0',  
slideshow_padding_size: '10',  
soldeshow_background_color: 'transparent'  
});  
});  
</script>
<div id="webwidget_slideshow_common4" class="webwidget_slideshow_common">
<ul>
<li><a style="line-height:17px;color:#666;text-decoration:none;" href="link1" title="Title1"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title1<br/><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title1</a></li>
<li><a style="line-height:17px;color:#666;text-decoration:none;" href="link2" title="Title2"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title2<br/><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title2</a></li>
<li><a style="line-height:17px;color:#666;text-decoration:none;" href="link3" title="Title3"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title3<br/><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title3</a></li>
<li><a style="line-height:17px;color:#666;text-decoration:none;" href="link4" title="Title4"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title4<br/><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title4</a></li>
</ul>
<div style="clear: both"></div>
</div>

<script language="javascript" type="text/javascript">
$(function() {  
$("#webwidget_slideshow_common5").webwidget_slideshow_common({  
slideshow_transition_effect: 'slide_left',//slide_left slide_down fade_in  
slideshow_time_interval: '3500',  
slideshow_window_width: '285',  
slideshow_window_height: '125',  
slideshow_border_style: 'dotted',//dashed dotted double groove hidden inset none outset ridge solid  
slideshow_border_size: '1',  
slideshow_border_color: 'red',  
slideshow_border_radius: '5',  
slideshow_padding_size: '5',  
soldeshow_background_color: 'transparent'  
});  
});  
</script>
<div id="webwidget_slideshow_common5" class="webwidget_slideshow_common">
<ul>
<li><a style="line-height:17px;color:#666;text-decoration:none;" href="link1" title="Title1"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title1<br/><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title1</a></li>
<li><a style="line-height:17px;color:#666;text-decoration:none;" href="link2" title="Title2"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title2<br/><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title2</a></li>
<li><a style="line-height:17px;color:#666;text-decoration:none;" href="link3" title="Title3"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title3<br/><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title3</a></li>
<li><a style="line-height:17px;color:#666;text-decoration:none;" href="link4" title="Title4"><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title4<br/><img border="0" src="Ссылка на картинку" width="130" height="110" /><br/>Title4</a></li>
</ul>
<div style="clear: both"></div>
</div>