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
 

41        #if($images.getData()!= "")
 

42        <script>
 

43            AUI().ready('aui-carousel', function(A) {
 

44                var carousel = new A.Carousel(
 

45                        {
 

46                            activeIndex: 0,
 

47                            contentBox: '#$namespace',
 

48                            height:$image_height.getData() ,
 

49                            intervalTime: 4,
 

50                            width: $image_width.getData()
 

51                        }
 

52                )
 

53                        .render();
 

54            });
 

55        </script>
 

56
 

57        <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">
 

58            <div id="$namespace">
 

59                #foreach($img in $images.getSiblings())
 

60                    <div style=" width: $image_width.getData()px; height: $image_height.getData()px; overflow: hidden" class"aui-carousel-item aui-carousel-item-active">
 

61                    <a href="$img.getData()" target="_blank" style="text-decoration: none"><img src="$img.getData()"  width="$image_width.getData()" height="$image_height.getData()" ></a>
 

62                </div>
 

63                #end
 

64            </div>
 

65        </div>
 

66        <br>
 

67        #end