$(document).ready(function(){
	var slide_stand = 3000;
	var slide_speed = 500;
	var total_slides = 0;
	var active_slide = 1;
	var slide_position = 0;
	var temp_click = 0;
	//var roteval = window.setInterval(rotate_slide(),slide_stand);
	function rotate_slide(){
		if(active_slide != total_slides){
			$('#slider ul').animate({'opacity':1},slide_stand,function(){
				temp_click = 1;
				$('#slider ul').animate({marginLeft:-880*active_slide+'px'},slide_speed, 'swing',function(){
					active_slide++;
					temp_click = 0;
					rotate_slide();
				});
				$('#slider_navi ul li').removeClass('active');
				$('#slide_nav_'+active_slide).addClass('active');
			});
		}else{
			active_slide = 1;
			$('#slider ul').animate({'opacity':1},slide_stand,function(){
				temp_click = 1;
				$('#slider ul').animate({marginLeft:0+'px'},slide_speed, 'swing',function(){
					temp_click = 0;
					rotate_slide();
				});
				$('#slider_navi ul li').removeClass('active');
				$('#slide_nav_'+0).addClass('active');
			});
		}
	}
	function initalize_slider(){
		$('#slider_navi').append('<ul>');
		$('#slider ul li').each(function(i){
			var slide_id = 'slide_'+i;
			$(this).attr('id',slide_id);
			total_slides++;
			$('#slider_navi ul').append('<li id="slide_nav_'+i+'">');
		});
		$('#slide_nav_0').addClass('active');
		$('#slider ul').css({'width':total_slides*880})
		rotate_slide()
	}//initalize end
	initalize_slider();
	$('#slider_navi ul li').click(function(){
		if(temp_click == 0){
			temp_click =1;
			var get_ID = $(this).attr('id');
			get_ID = parseInt(get_ID.substr(10));
			active_slide = parseInt(get_ID+1);
			$('#slider_navi ul li').removeClass('active');
			$(this).addClass('active');
			slide_position = -(880*get_ID)
			$('#slider ul').stop().animate({marginLeft:slide_position+'px'},slide_speed, 'swing', function(){
			temp_click =0;
			rotate_slide();
			});
		}
	});
});