﻿// JScript 文件


if(window.attachEvent){
	window.attachEvent('onload',addPhotoImgEvent); 
}
else{
	window.addEventListener('load',addPhotoImgEvent,false);
}

// 加载照片事件
var photoImgs = null;
var currentIndex = 0;
function addPhotoImgEvent()
{
	var divBrowsePhotoBottom = document.getElementById('divBrowsePhotoBottom');
	photoImgs = divBrowsePhotoBottom.getElementsByTagName('img');
	for(var i=0; i<photoImgs.length; i++)
	{
		photoImgs[i].onmouseover = mouseOverSmallPhotoImg;
		photoImgs[i].onmouseout = mouseOutSmallPhotoImg;
	}
	var divSmallGrayLayer = document.getElementById('divSmallGrayLayer');
	smallPhoto = photoImgs[0];
	if (!smallPhoto) return;
	var obj = getElementAbsolutePosition(smallPhoto);
	divSmallGrayLayer.style.top = obj.top;
	divSmallGrayLayer.style.left = obj.left;
	divSmallGrayLayer.style.width = obj.width;
	divSmallGrayLayer.style.height = obj.height;
	divSmallGrayLayer.style.display = 'block';
	
	smallPhoto = photoImgs[currentIndex];
	showPhotoImg();
	startRun();
}

// 显示下一个
function showNextPhoto()
{
	currentIndex++;
	if(currentIndex > photoImgs.length)currentIndex=0;
	smallPhoto = photoImgs[currentIndex];
	showPhotoImg(currentIndex);
}

// 开始自动播放D
var runObj = null;
function startRun()
{
	stopRun();
	runObj = window.setInterval(showNextPhoto,4000);
}

// 停止自动播放
function stopRun()
{
	window.clearInterval(runObj);
}

// 鼠标在小照片上事件
var timeObj = null;
var smallPhoto = null;
function mouseOverSmallPhotoImg()
{
	stopRun();
	clearTimeObj();
	smallPhoto = this;
	currentIndex = parseInt(smallPhoto.imgIndex);
	timeObj = window.setTimeout(showPhotoImg,500);
}

function mouseOutSmallPhotoImg()
{
	clearTimeObj();
	startRun();
}

// 显示照片
function showPhotoImg()
{
	if(smallPhoto)
	{
		var divSmallGrayLayer = document.getElementById('divSmallGrayLayer');
		var obj = getElementAbsolutePosition(smallPhoto);
		divSmallGrayLayer.style.top = obj.top;
		divSmallGrayLayer.style.left = obj.left;
		divSmallGrayLayer.style.width = obj.width;
		divSmallGrayLayer.style.height = obj.height;
		divSmallGrayLayer.style.display = 'block';
		
		var divBrowsePhoto = document.getElementById('divBrowsePhoto');
		divBrowsePhoto.filters[0].apply();
		var aUserName = document.getElementById('aUserName');
		var spanUserIndexMemo = document.getElementById('spanUserIndexMemo');
		var imgUserPic = document.getElementById('imgUserPic');
		//divBrowsePhoto.style.backgroundImage = 'url(/images/em_tu.gif)';
		divBrowsePhoto.style.backgroundImage='url('+photoArr[currentIndex].image.src+')';
		aUserName.innerHTML = photoArr[currentIndex].userName;
		aUserName.href = '/MyPhookIndex/Index.aspx?uid=' + photoArr[currentIndex].userId;
		spanUserIndexMemo.innerHTML = photoArr[currentIndex].content;
		imgUserPic.src = photoArr[currentIndex].userPic;
		divBrowsePhoto.filters[0].play();
	}
}

// 清除TimeOut
function clearTimeObj()
{
	window.clearTimeout(timeObj);
}

//	if(window.attachEvent){
//		window.attachEvent('onload',addStarUserEvent); 
//	}
//	else{
//		window.addEventListener('load',addStarUserEvent,false);
//	}
//	
//	// 加载明星用户事件
var starUserIndex = 2;
function addStarUserEvent()
{
	if(starUserList.length < 5)
	{
		//alert('明星不够啊！');
		return;
	}
	setStarUser();
}

// 设置当前明星用户
function setStarUser()
{
	if(starUserIndex < 0)
	{
		starUserIndex = starUserList.length - 1;
	}
	
	if(starUserIndex > starUserList.length - 1)
	{
		starUserIndex = 0;
	}

	var currentStarUser = starUserList[starUserIndex];
	var divStarUserImg1 = document.getElementById('divStarUserImg1');
	var divStarUserImg2 = document.getElementById('divStarUserImg2');
	var divStarUserImg3 = document.getElementById('divStarUserImg3');
	var divStarUserImg4 = document.getElementById('divStarUserImg4');
	var divStarUserImg5 = document.getElementById('divStarUserImg5');
	var divStarUserNickName = document.getElementById('divStarUserNickName');
	var spanPhotoCount = document.getElementById('spanPhotoCount');
	var spanProductCount = document.getElementById('spanProductCount');
	var spanFriendCount = document.getElementById('spanFriendCount');
	var spanCollectCount = document.getElementById('spanCollectCount');
	var aStar1 = document.getElementById('aStar1');
	var aStar2 = document.getElementById('aStar2');
	                                   
	divStarUserImg3.src = currentStarUser.bigPic;
	divStarUserNickName.innerHTML = '<a href="/MyPhookIndex/Index.aspx?uid=' + currentStarUser.id + '">' + currentStarUser.nickName + '</a>' ;
	spanPhotoCount.innerHTML = currentStarUser.photoCount;
	spanProductCount.innerHTML = currentStarUser.productCount;
	spanFriendCount.innerHTML = currentStarUser.friendCount;
	spanCollectCount.innerHTML = currentStarUser.collectCount;
	aStar1.href = '/MyPhookIndex/Index.aspx?uid=' + currentStarUser.id;
	aStar2.href = aStar1.href;
	var tempIndex;
	tempIndex = getStarUserListIndex(starUserIndex - 2);
	divStarUserImg1.picIndex = tempIndex;
	divStarUserImg1.src = starUserList[tempIndex].smallPic;
	tempIndex = getStarUserListIndex(starUserIndex - 1);
	divStarUserImg2.picIndex = tempIndex;
	divStarUserImg2.src = starUserList[tempIndex].smallPic;
	tempIndex = getStarUserListIndex(starUserIndex + 1);
	divStarUserImg4.picIndex = tempIndex;
	divStarUserImg4.src = starUserList[tempIndex].smallPic;
	tempIndex = getStarUserListIndex(starUserIndex + 2);
	divStarUserImg5.picIndex = tempIndex;
	divStarUserImg5.src = starUserList[tempIndex].smallPic;
	
	divStarUserImg1.style.cursor = 'pointer';
	divStarUserImg1.onclick = starUserClick;
	divStarUserImg2.style.cursor = 'pointer';
	divStarUserImg2.onclick = starUserClick;
	divStarUserImg4.style.cursor = 'pointer';
	divStarUserImg4.onclick = starUserClick;
	divStarUserImg5.style.cursor = 'pointer';
	divStarUserImg5.onclick = starUserClick;
	
	var imgStarUserLeft = document.getElementById('imgStarUserLeft');
	var imgStarUserRight = document.getElementById('imgStarUserRight');
	imgStarUserLeft.style.cursor = 'default';
	imgStarUserLeft.onclick = null;
	imgStarUserLeft.src = '/images/mingxing_an01.gif';
	imgStarUserRight.style.cursor = 'default';
	imgStarUserRight.onclick = null;
	imgStarUserRight.src = '/images/mingxing_an03.gif';
	
	if(starUserIndex > 2)
	{
		imgStarUserLeft.style.cursor = 'pointer';
		imgStarUserLeft.onclick = leftClick;
		imgStarUserLeft.src = '/images/mingxing_an02.gif';
	}
	
	if(starUserIndex + 3 < starUserList.length)
	{
		imgStarUserRight.style.cursor = 'pointer';
		imgStarUserRight.onclick = rightClick;
		imgStarUserRight.src = '/images/mingxing_an04.gif';
	}
}

// 获取正确图象下标
function getStarUserListIndex(index)
{
	if(index < 0)
	{
		index = starUserList.length + index;
	}
	
	if(index > starUserList.length - 1)
	{
		index = index - starUserList.length;
	}
	
	return index;
}

function starUserClick()
{
	starUserIndex = parseInt(this.picIndex);
	setStarUser();
}

function leftClick()
{
	starUserIndex--;
	setStarUser();
}

function rightClick()
{
	starUserIndex++;
	setStarUser();
}
function searchPhoto()
{
    var focus=document.getElementById('select');
	var tag =focus.value;
	if (tag == "输入关键字")
	{
	    alert("请输入关键字");
	    return;
	}
	var tagOrName='name';
   location.href='../PhotoShare/SearchPhoto.aspx?tag='+encodeURIComponent(tag)+'&tagOrName='+tagOrName; 
	
}
