$(document).ready(function(){

	var imgslider = false;
	var imgslider_delay = 7;

	$("#imgslider ul li.on").show();

	imgslider_start();

	$("#imgslider .prev").click(function(){
		imgslider_show("prev", true);
		return false;
	});

	$("#imgslider .next").click(function(){
		imgslider_show("next", true);
		return false;
	});

	function imgslider_start() {

		imgslider_play = setTimeout(function() {

			imgslider_show("next", true);

		}, (imgslider_delay*1000));

	}

	function imgslider_show(dir, play) {

		imgslider_stop();

		var obj = $("#imgslider ul li.on");

		if(dir == "prev") {
			var item = ($("#imgslider ul li.on").prev().length) ? $("#imgslider ul li.on").prev() : $("#imgslider ul li:last");
		} else {
			var item = ($("#imgslider ul li.on").next().length) ? $("#imgslider ul li.on").next() : $("#imgslider ul li:first");
		}

		obj.css("z-index", "17");
		item.css("z-index", "18");

		var imgsrc = $("img", obj).attr("src");

		load_img(imgsrc, function(){
			
			item.fadeIn(function(){
				obj.hide().removeClass("on");
				item.addClass("on");
				if(typeof play != "undefined" && play === true) imgslider_start();
			});

		});

	}

	function imgslider_stop() {
		clearTimeout(imgslider_play);
	}

	function load_img(imgsrc, callback) {

		var newimg = new Image();
		newimg.src = imgsrc;
		newimg.onload = function() {

			newimg.onload = function(){};
		
			if($.isFunction(callback)) {
				callback.call();
			}
		}

		newimg.src = imgsrc;
	}

});