//在指定位置显示图片
var ImgList=["Images/FirstPage/move_lead.bmp","Images/FirstPage/move_integration.jpg","Images/FirstPage/move_manage.jpg","Images/FirstPage/move_financing.jpg","Images/FirstPage/move_track.jpg","Images/FirstPage/move_todayRemind.jpg"];
var divDisplay = 3;
var browserVer,pos,moveDiv,moveImg;
//获取指定的对象
function getID(id)
{
	return document.getElementById(id);
}

//获取当前对象的坐标
function getPos(obj)
{
	var pos = [];
	pos[0] = obj.offsetLeft;//X
	pos[1] = obj.offsetTop;//Y
	while (obj = obj.offsetParent)
	{
        pos[0] += obj.offsetLeft;
        pos[1] += obj.offsetTop;
	}
	return pos;
}

//显示移动div
function showImg(obj,position,imgIndex,imgHeight)
{
	pos = getPos(obj);//获取当前对象的坐标
	moveDiv = getID("moveDiv");
    moveImg=getID("moveImg");
	moveImg.src = ImgList[imgIndex];
    moveDiv.style.left = pos[0]-200 + "px";
	if (position == "down")
	{
        moveDiv.style.top = (pos[1]-70) + "px";
	}
	else
	{
        moveDiv.style.top = (pos[1] - imgHeight-130) + "px";
	}
    moveDiv.style.display = "block";
    moveDiv.style.visibility="visible";
}

//隐藏图片移动div
function hiddenImg()
{
    document.getElementById("moveDiv").style.visibility="hidden";
    document.getElementById("moveDiv").style.left=0;
    document.getElementById("moveDiv").style.top=0;
	document.getElementById("moveImg").src = "";
}







//图片切换样式
var operImgList=["Images/FirstPage/01.png","Images/FirstPage/02.png","Images/FirstPage/03.png","Images/FirstPage/04.png"];
var introImgList=["Images/FirstPage/001.png","Images/FirstPage/002.png","Images/FirstPage/003.png","Images/FirstPage/004.png"];
var initOperImgList=["Images/FirstPage/1.png","Images/FirstPage/2.png","Images/FirstPage/3.png","Images/FirstPage/4.png"];
var introContetn=["一卡在手即可享受整个集团为客户提供的快捷贴心服务;同时可以帮助企业留住新客户，维护老客户，提高会员忠诚度，最大化实现企业利润...<a target=_blank href=unihotel-function-membercard.html>[了解详情]</a>","强大快捷的前台POS操作，提高您的工作效率使工作成为您的一种享受；同时可以维护客户信息并进行销售记账、会员储值、会员卡管理、小票打印等操作...<a target=_blank href=unihotel-pos.html>[了解详情]</a>","清晰准确的统计集团各店营业信息,通过强大的报表来即时掌握集团各店的营业状况，使集团可以灵活地利用各类报表数据为管理决策提供支持...<a target=_blank href=unihotel-reportStat.html>[了解详情]</a>","通过多层次结构、多角色的安全管理模式可以实现对连锁店面的管理、各店员工考勤的管理，会员消费的统计与数据挖掘等；从而使集团管理更加清晰，减少不必要的漏洞带来的损失...<a target=_blank href=unihotel-security.html>[了解详情]</a>"];

var imgObject,pContentObject;
function show(curOperObject,operImgID,introImgID)
{
    //还原operList
    for(var i=0;i<4;i++)
    {
        var imgOperListObject="img"+i;
        document.getElementById(imgOperListObject).src=initOperImgList[i];//alert(imgOperListObject.src);
    }//设置当前item样式
    curOperObject.src=operImgList[operImgID];
    imgObject=document.getElementById("imgShow");
    imgObject.src=introImgList[introImgID];
    pContentObject=document.getElementById("itemContent");
    pContentObject.innerHTML=introContetn[operImgID];
}

var autoStart;
var n=0,imgObject;
function setAuto(curN)
{
    n=curN;
    autoStart=setInterval("auto()", 4000);
}

function auto()
{
	if(n>3){n=0;play(n);}
    else play(n);
    n++;
}

function play()
{var imgID2;
    var imgID="img"+n;
    imgObject=document.getElementById(imgID);
    if(n!=0) {imgID2="img"+(n-1);document.getElementById(imgID2).src=initOperImgList[n-1];}
    else {document.getElementById("img3").src=initOperImgList[3];}
    show(imgObject,n,n);
}

function clearAuto()
{
    clearInterval(autoStart);
    n=0;
}

setAuto(0);