var mouseX = 0;
var mouseY = 0;
var move = true;
var mainTplPreLoadPic = '<div id="srcPreDivImgFull" style="position: absolute; margin: -100000px 0px 0px -100000px;"></div>';

$(document).mousemove(function(e) {
	mouseX = parseInt(e.pageX);
	mouseY = parseInt(e.pageY);
});

var _num_pic = 0;
var _pre_num_pic = 0;

var listIdPrePic = new Array();
var listSrcPrePic = {};

var listSlideIdPrePic = new Array();
var listSlideSrcPrePic = {};
var listSlideNumPrePic = {};

$(document).ready(function(){
	$("body").append('<div id="srcDivImgFull" style="display: none;top: 0px; left: 0px; position: absolute;padding: 0px;"><img style="margin: 0px;padding: 0px;" src="" /></div>');

	var addDivPre = true;

	$(".showfimg").each(function (){
		if (addDivPre){
			addDivPre = false;
			$("body").append(mainTplPreLoadPic);
		}
		$("#srcPreDivImgFull").append('<img id="pre_pic_' +  _num_pic + '"  class="prePicLoad" src="' +  $(this).html() + '" />');
		listIdPrePic.push('pre_pic_' +  _num_pic);
		listSrcPrePic['pre_pic_' +  _num_pic] = $(this).html();
		_num_pic = _num_pic + 1;
	});

	$(".overImgSrc").each(function (){
		if (addDivPre){
			addDivPre = false;
			$("body").append(mainTplPreLoadPic);
		}
		$("#srcPreDivImgFull").append('<img id="pre_pic_' +  _pre_num_pic + '"  class="prePicLoad" src="' +  $(this).html() + '" />');
		listSlideIdPrePic.push('pre_pic_' +  _pre_num_pic);
		listSlideSrcPrePic['pre_pic_' +  _pre_num_pic] = $(this).html();
		listSlideNumPrePic['pre_pic_' +  _pre_num_pic] = _pre_num_pic;
		_pre_num_pic = _pre_num_pic + 1;
	});

	$(".showfimg").bind('mouseover', function (){
		for (n in listIdPrePic){
			if ($("#" + listIdPrePic[n]).attr('src') == $(this).attr('href')){
				$("#srcDivImgFull img").width(parseInt($("#" + listIdPrePic[n]).width()));
				var _hPicLoc = parseInt($("#" + listIdPrePic[n]).height());
				$("#srcDivImgFull img").height(_hPicLoc);
			}
		}

		//alert(mouseY-document.body.scrollTop);
		$("#srcDivImgFull img").attr('src', $(this).attr('href'));
		// + parseInt(_hPicLoc)
		if ((mouseY-document.body.scrollTop) <400)
		{
		var top = parseInt(mouseY) + parseInt(20);
		}
		else
		{
		var top = parseInt(mouseY) - parseInt(320);
		}
		var left = parseInt(mouseX) + parseInt(20);
		$("#srcDivImgFull").css('top', '-100000px');
		$("#srcDivImgFull").css('display', 'block');
		if ((parseInt(top) + parseInt($("#srcDivImgFull").height()))
				>= (parseInt($(document).height()) - 40)){
			top = parseInt($(document).height()) - 40 - parseInt($("#srcDivImgFull").height());
			$("#srcDivImgFull").css('top', top + 'px');
		}
		$("#srcDivImgFull").css('top', top + 'px');
		$("#srcDivImgFull").css('left', left + 'px');
	});

	$(".showfimg").mouseout(function (){
		move = true;
		$("#srcDivImgFull").css('display', 'none');
	});

	
	$(".preHrefLoadListimg").each(function (){
		if (addDivPre){
			addDivPre = false;
			$("body").append(mainTplPreLoadPic);
		}
		$("#srcPreDivImgFull").append('<img id="pic_' +  _num_pic + '" class="prePicLoad" src="' +  $(this).attr('href') + '" />');
		_num_pic = _num_pic + 1;
	});
	
	var isNotLoadMain = true;
	$(".imgListSlide").bind('mouseover', function (){
		if (isNotLoadMain){
			isNotLoadMain = false;
			$("#mainSlidePic").html('<img src="' + listSlideSrcPrePic['pre_' + $(this).attr('id')] + '" />');
			$("#ofCount").html(parseInt(listSlideNumPrePic['pre_' + $(this).attr('id')]) + 1);
		}
	});

	$(".imgListSlide").bind('mouseout', function (){
		isNotLoadMain = true;
	});
});