<script type="text/javascript">

/* ============ */
/* --- news --- */
/* ============ */

</script>

<style type="text/css">
.jcarousel-container-vertical {
	width: 300px;
	height: 500px;
	background: #f4f4f4;
	line-height:100%;
	font-size:75%;
	margin-top:15px;
	margin-bottom:15px;
}

.jcarousel-clip-vertical {
	top: 25px;
	width: 300px;
	height: 450px;
	margin: 0px;
	z-index: 20;
}

#mycarousel li,
.jcarousel-item-vertical,
.jcarousel-item-placeholder-vertical {
	width: 300px;
	height: auto;
	padding:6px;
	margin-top:2px;
	margin-bottom:2px;
	background:#e8e8e8;
}

#mycarousel li.currentNews,
.jcarousel-item-vertical.currentNews,
.jcarousel-item-placeholder-vertical.currentNews, .currentNews {
	width: 300px;
	height: auto;
	padding:6px;
	margin-top:2px;
	margin-bottom:2px;
	background:#AAAAAA;
}

.jcarousel-item h3,
.jcarousel-item p {
	margin: 0;
	font-size: 90%;
}

.jcarousel-next-vertical {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 300px;
	height: 35px;
	cursor: pointer;
	background: url(<?=$this->PREFIX_URL_CDN?>/<?=$this->event?>/system/application/views/<?=$this->event?>/css/images/arrow-down.gif) no-repeat center;
}

.jcarousel-next-disabled-vertical {
	cursor: default;
	opacity: .3;
	-moz-opacity: .3;
	filter: alpha(opacity=30);
}

.jcarousel-prev-vertical {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 35px;
	cursor: pointer;
    	background: url(<?=$this->PREFIX_URL_CDN?>/<?=$this->event?>/system/application/views/<?=$this->event?>/css/images/arrow-up.gif) no-repeat center;
}

.jcarousel-prev-disabled-vertical {
	cursor: default;
	opacity: .3;
	-moz-opacity: .3;
	filter: alpha(opacity=30);
}

.loading {
    	background: transparent url(<?=$this->PREFIX_URL_CDN?>/<?=$this->event?>/system/application/views/<?=$this->event?>/css/images/loading.gif) 50% 50% no-repeat;
}

</style>

<script type="text/javascript">


jQuery(document).ready(function() {
	
	$("#ticker-list").newsticker();	

    	$('#mycarousel').jcarousel({
        	vertical: true

    });
});

</script>

