$(function() {

$("#showcase").showcase({
    css: { width: "610px", height: "230px" },
    animation: { interval: 4500, 
                stopOnHover: true, 
                easefunction: "swing", 
                speed: 600 },
    images: [
	{url: '/app/views/main/imgs/banner1.jpg', link: '' },
	{url: '/app/views/main/imgs/banner2.jpg', link: '' },
	{url: '/app/views/main/imgs/banner3.jpg', link: '' },
	{url: '/app/views/main/imgs/banner4.jpg', link: '' }
	],
    navigator: { 
        position: "bottom-right",
        css: { padding:"0px", 
               margin: "5px 5px 5px 2px", 'width': '100px' },
        showNumber: true,
        item: { 
           css: { height:"16px", 
                    "line-height":"16px", 
                    width:"16px", 
                    "-moz-border-radius": "0px", 
                    "-webkit-border-radius": "0px", 
                    backgroundColor: "#000", 
				    borderColor:"#7c7c7c", 
				    color: "#fff",
			        'font-family': 'Helvetica, dotum',
				    'font-weight': 900,
				    'font-size': '1.17em',
                    margin: "3px",
                    "text-align": "center", 
                    "vertical-align": "middle" },
            cssHover: { 
                backgroundColor: "#000", 
                borderColor: "#ababab",
				color: "#fff" },
            cssSelected: { 
                backgroundColor: "#fff", 
                borderColor: "#6a6a6a",
				color: "#000" }
        }
    },
    titleBar: { enabled: false }
});

});