$(document).ready(function(){
// here you can see the slide options I used in the demo page. depending on the id of the slider a different setup gets activated
	/*$('#frontpage-slider').aviaSlider({
		blockSize: {height: 80, width:80},
		transition: 'slide',
		display: 'random',
		transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random']
	});*/

	$("#slider").easySlider({
		auto: true, 
		continuous: true,
		numeric: true
	});
	$("#slider2").easySlider({
				auto: true,
				continuous: true,
				nextId: "slider1next",
				prevId: "slider1prev"
			});
            //Examples of how to assign the ColorBox event to elements
            $(".btn-keterangan").colorbox({inline:true, width:"50%"});
			$(".group1").colorbox({rel:'group1'});

});