// JScript File


		
					// this is a demo for more advanced users, who are familiar with JavaScript
					// also we're using jQuery library for easier selecting elements and bind actions to them.
					$(document).ready(function() {

						demo4Easing = { name: 'pow2', method: function(x) { return Math.pow(x,2); }};

						demo4Effect1 = {name: 'myEffect41', rows: 6, cols: 12, fade: true, easing: 'swing', order: 'cross', delay: 100, duration: 400};
						demo4Effect2 = {name: 'myEffect42', rows: 6, cols: 12, fade: true, easing: 'swing', order: 'cross', delay: 100, duration: 400, reverse: true};
						demo4Effect3 = {name: 'myEffect43', rows: 6, cols: 12, fade: true, easing: 'pow2', order: 'rectangle', delay: 200, duration: 1000};
						demo4Effect4 = {name: 'myEffect44', rows: 6, cols: 12, fade: true, easing: 'pow2', order: 'rectangle', delay: 200, duration: 1000, reverse: true};
						demo4Effect5 = {name: 'myEffect45', rows: 3, cols: 10, zoom: true, move: true, right: true, easing: 'swing', order: 'circle', delay: 150, duration: 800};
						demo4Effect6 = {name: 'myEffect46', rows: 3, cols: 10, zoom: true, move: true, left: true, easing: 'swing', order: 'circle', delay: 150, duration: 800, reverse: true};
						demo4Effect7 = {name: 'myEffect49', rows: 5, cols: 1, zoom: true, move: true, bottom: true, easing: 'bounce', order: 'circle', delay: 150, duration: 800};
						demo4Effect8 = {name: 'myEffect410', rows: 5, cols: 1, zoom: true, move: true, top: true, easing: 'bounce', order: 'circle', delay: 150, duration: 800, reverse: true};

						effectsDemo4 = [demo4Effect1,demo4Effect2,demo4Effect3,demo4Effect4,demo4Effect5,demo4Effect6,demo4Effect7,demo4Effect8];

						var demoSlider_4 = Sliderman.slider({
							container: 'SliderName_4',
							width: 955,
							height: 206,
							effects: effectsDemo4,
							display: {
								autoplay: 3000,
								autostart: true,
								first_slide: true,
								effects_order: 'effects'
							},
							events: {
								// after method will be executed after all animation is complete.
								after: function() {
									// removing active class from all links
									$("#SliderName_4_navigation").find("a").removeClass("active_page");
									// setting the active page class to the new slide.
									$("#SliderName_4_page_" + demoSlider_4.get('current')).addClass("active_page");
								}
							}
						});

						// building navigation manually
						var demoSlider_4TotalSlides = demoSlider_4.get('length');
						var demoSlider_4Navigation = $("#SliderName_4_navigation");

						// here we're *not* checking data for validness. this is only for illustration purposes.
						for (var i = 0; i < demoSlider_4TotalSlides; i++)
						{
							// adding pages to the navigation bar
							demoSlider_4Navigation.append('<a href="javascript:void()" class="SliderName_4_page" id="SliderName_4_page_' + i + '">' + (i+1) + '</a>');
						}
						$("#SliderName_4_page_0").addClass("active_page");
						demoSlider_4Navigation.css({'marginLeft': '-' + parseInt(demoSlider_4Navigation.width()/2) + 'px'}).fadeIn("fast");

					

						// clicking on pages
						$("#SliderName_4_navigation").find("a.SliderName_4_page").click(function() {
							demoSlider_4.go( $(this).attr("id").replace("SliderName_4_page_", "") );
						});





					});