// slider / init slide engine
function sliderInit() {

	slideWidth = (jQuery(".slide").width())+100;
	slideHeight = jQuery(".slide").height();
	slides = jQuery(".slide").length;
	slideDuration = 1000;
	slideInterval = 10000;
	
	posX = 0;
	curSlide = 1;

	slideInterval = slideInterval + slideDuration;
	slideEngine = setInterval("doSlide()", slideInterval);
	
	// create links
	for (i=1;i<=slides;i++) {
		jQuery("#controller").append("<a href='javascript:void(0)' onclick='slideTo("+i+");' title=''>"+i+"</a>");
		setActiveLink(1); // set active
	}
}

// autosliding
function doSlide() {
	
	posX = - (slideWidth * curSlide-1);
	curSlide++;
	
	if(curSlide > slides) {
		curSlide = 1;
		posX = 0;
	}
	
	setActiveLink(curSlide); // set active
	
	jQuery("#inner_container").animate({ 
        left: posX+"px"
    	}, slideDuration
	);

}

// move to user selected slide
function slideTo(selectedSlide){
	
	curSlide = selectedSlide;
	posX = - (slideWidth * (curSlide-1));
	
	setActiveLink(curSlide); // set active
	
	jQuery("#inner_container").animate({ 
        left: posX+"px"
    	}, 300
	);
}

// setting active link
function setActiveLink(curSlide) {
	
	// reset links
	jQuery("#controller a").removeClass();
	// set active
	jQuery("#controller a:eq("+(curSlide-1)+")").addClass("active_slide");
	
}