346324341
1#set ($namespace = $request.get('portlet-namespace'))
2<style type="text/css">
3 .center-element{
4 margin: auto;
5 text-align: center;
6 float: none;
7 }
8 .shadow img:hover{
9 box-shadow: 1px 1px 5px #242424;
10 }
11 .aui-carousel-menu-item{
12 background: #474a4b;
13 border: 2px solid #cecece;
14 }
15 .aui-carousel menu a{
16 border-radius: 4px;
17 }
18 .aui-carousel-menu-active {
19 background: none repeat scroll 0 0 #CECECE;
20 border: 2px solid #474A4B;
21 }
22 .aui-carousel menu {
23 background: none repeat scroll 0 0 #CFCFCF;
24 border: 2px solid #FFFFFF;
25 padding: 0px;
26 }
27 .aui-carousel-menu-pause {
28 background-image: url("/html/themes/classic/images/aui/pause.png");
29 }
30 .aui-carousel-menu-prev {
31 background-image: url("/html/themes/classic/images/aui/prev.png");
32 }
33 .aui-carousel-menu-next {
34 background-image: url("/html/themes/classic/images/aui/next.png");
35 }
36 .aui-carousel-menu-play {
37 background-image: url("/html/themes/classic/images/aui/play.png");
38 }
39</style>
40<script src="/html/js/jwplayer/jwplayer.js"></script>
41<script>jwplayer.key="yQGsF6CEfe8wEknCAVx2w2oteE9bIxRPf+BF5Q=="</script>
42
43
44 #if($lead != "")
45 <div style="text-align: right; direction: rtl; color:#464646; font-size: 9px;" >
46 $lead.getData()
47 </div>
48 #end
49 <br>
50 #if($content != "")
51 <div style="text-align: right; direction: rtl; color:#000000; font-size: 12px;">
52 $content.getData()
53 </div>
54 #end
55 #if($video.getData() != "")
56 <div style="margin: 20px auto; width:$video-width.getData()px ;height:$video-height.getData()px ;">
57 <div id="myElement$namespace" >Loading the player...</div>
58 </div>
59 <script type="text/javascript">
60 jwplayer("myElement$namespace").setup({
61 file: "$video.getData()",
62 image: "$snapshot.getData()",
63 height: $video-height.getData(),
64 width: $video-width.getData()
65
66 });
67 </script>
68 #end
69 <br>
70 #if($images.getData()!= "")
71 #if($slideshow.getData() == true)
72 <script>
73 AUI().ready('aui-carousel', function(A) {
74 var carousel = new A.Carousel(
75 {
76 activeIndex: 0,
77 contentBox: '#$namespace',
78 height: $image-height.getData(),
79 intervalTime: 4,
80 width: $image-width.getData()
81 }
82 )
83 .render();
84 });
85 </script>
86 <div class="center-element" style="width:$image-width.getData()px; height:$image-height.getData()px; overflow: hidden; border-radius:3px; border: 5px solid #ffffff; box-shadow: 3px 3px 3px #838383">
87 <div id="$namespace">
88 #foreach($img in $images.getSiblings())
89 <div style=" width: $image-width.getData()px; height:$image-height.getData()px; overflow: hidden" class"aui-carousel-item aui-carousel-item-active">
90 <a href="$img.getData()" target="_blank" style="text-decoration: none"><img src="$img.getData()" width="$image-width.getData()" height="$image-height.getData()" ></a>
91 </div>
92 #end
93 </div>
94 </div>
95 #end
96 <hr>
97 #set ($wImage=0)
98 #set ($hImage=0)
99 #if($image-width.getData() != "" && $image-height.getData() != "")
100 #set ($wImage=$image-width.getData())
101 #set ($hImage=$image-height.getData())
102 #else
103 #set ($wImage=200)
104 #set ($hImage=130)
105 #end
106 #if($slideshow.getData() == "")
107 <div class="center-element shadow" >
108 #foreach($img in $images.getSiblings())
109 <a href="$img.getData()" target="_blank" style="text-decoration: none">
110 <img src="$img.getData()" style=" border: 3px solid #818181 ; margin:0px 5px;" width="$wImage.getData()" height="$hImage.getData()">
111 </a>
112 #end
113 </div>
114 #end
115 <br>
116 #end