var isHover = false, mIval = null, mTout = 8000, mSpeed = 1400, mRun = true, mHeight, mAll, mouseX = -1, mouseY = -1;

$(document).ready(function(){
	mIval = setInterval("imlScroll('up');", mTout);
	$('#imnav').css('display', 'block')
	$('.scrl').css('overflow', 'hidden');
	$('.scrl').css('top', 14);
	$('.scrl').css('height', 376)
	$('.pics').hover(function(){isHover = true;}, function(){isHover = false;});
	$('#scrl').mousemove(function(e) {
	var offset = $('#scrl').offset();
	mouseX = e.pageX - offset.left;
	mouseY = e.pageY - offset.top;})
});

function mouseHigh(id) {
	imMid = $('#iml'+id).position().top + 53;
	growX = Math.min((46 - Math.abs(mouseY - imMid)) / 36, 1);
	growY = Math.min(61 - Math.abs(mouseX - 61), 20) / 20
	addX = Math.max(122 * growX * growY * 0.32, 0);
	addY = Math.max(92 * growX * growY * 0.32, 0);
	$('#iml'+id).css('width', Math.min(122 + Math.floor(addX), 160));
	$('#iml'+id).css('height', Math.min(92 + Math.floor(addY), 120));
	$('.scrl').css('top', 14 - Math.abs (addY / 2));
	$('.scrl').css('height', Math.min(376 + addY, 403));
}

function mouseLow() {
	$('.scrli .pics .iml').css('width', 122);
	$('.scrli .pics .iml').css('height', 92);
	$('.scrl').css('top', 14);
	$('.scrl').css('height', 376);
}

function imlScroll(dir) {
	if (!isHover) {
		var scenes = $(".scrli");
		var currentMargin = parseInt(scenes.css("marginTop").replace("px", ""));
		if (mHeight == null) mHeight = Math.floor((-(currentMargin - $(".scrl").height()))/$(".scrli .pics").height());
		if (mAll == null) mAll = $(".scrli .pics").size();
		if (dir=='down') {
			$(".scrli").css("marginTop", - $(".scrl").height());
			$(".scrli .pics:lt("+(mAll - mHeight)+")").appendTo(".scrli");
			scenes.animate({"marginTop": (currentMargin)}, mSpeed);
		}else
			scenes.animate({"marginTop": (currentMargin - $(".scrl").height())}, mSpeed, switchScenes);
	}
}

function switchScenes() {
	$(".scrli").css("marginTop", 0);
	$(".scrli .pics:lt("+mHeight+")").appendTo(".scrli");
}

function imlP() {
	clearInterval(mIval);
	mRun = false;
	$('#imlp').css('display', 'none');
	$('#imlr').css('display', 'block');
	$('#imld').css('opacity', 1);
	$('#imlu').css('opacity', 1);
}

function imlR() {
	mIval = setInterval("imlScroll();", mTout);
	mRun = true;
	$('#imlr').css('display', 'none');
	$('#imlp').css('display', 'block');
	$('#imld').css('opacity', 0.4);
	$('#imlu').css('opacity', 0.4);
}

function imlD() {
	if (!mRun) {
		imlScroll('down');
	}
}

function imlU() {
	if (!mRun) {
		imlScroll('up');
	}
}