var s,s2,s3,s4,timer;

function init(){
	s=getid("div1");
	s2=getid("div2");
	s3=getid("div3");
	s4=getid("scroll");
	s4.style.width=(s2.offsetWidth*6+300)+"px";
	s3.innerHTML=s2.innerHTML;
	timer=setInterval(mar,30);
	//alert("s2.offsetWidth=" + s2.offsetWidth + "   s.scrollLeft=" + s.scrollLeft)
}

function mar(){
	if(s2.offsetWidth <= s.scrollLeft){
		//alert("s2.offsetWidth=" + s2.offsetWidth + "   s.scrollLeft=" + s.scrollLeft)
		s.scrollLeft-=s2.offsetWidth;
		//alert("s2.offsetWidth=" + s2.offsetWidth + "   s.scrollLeft=" + s.scrollLeft)
	}
	else
	{
		s.scrollLeft++;
	}
	//window.status = "" + s.scrollLeft + "      " + s2.offsetWidth + "     " + s4.style.width;
}

function getid(id){
	return document.getElementById(id);
}
window.onload=init;
/*
window.onload = function() {
	if(window.onload != null) {
		var func = window.onload;
		func();
		init();
	}
	else {
		init();
	}
}
*/


function showGiftImage(evt, giftId, imageFileName, specGiftName) {
	var contextpath = dwr.util.getValue("id_contextpath");
	var detailURL= contextpath + "/ViewGiftDetail.jsp?giftId=" + giftId;
	var imageURL = contextpath + "/images/" + imageFileName;
	
	var posx = 0;
	var posy = 0;
	var e = evt ? evt : (window.event ? window.event : null);
	posx = 350;
	//if(posx + 400 > 1024) {
	//	posx -= 400;
	//}
	posy = 100;
	//var sy = getScrollY();
	//if(posy + 400 - sy > 750) {
	//	posy -= 350;
	//}

	var htmlData = 
		  '<div id="Div_PopupGiftImage_Inner" >'
			+ '<div class="title">'
				+ '<div class="giftname"><a href="' + detailURL + '">' + specGiftName + '</a></div>'
				+ '<div class="close" onclick="hideGiftImage()">close</div>'
			+ '</div>'
			+ '<div class="contentbody">'
				+ '<div class="detailimage" style="background-image:url(\'' + imageURL + '\');" onclick="window.location=\''+ detailURL + '\'">'
				+ '</div>'
				+ '<div style="width: 300px; font-size: 12px; text-align: center;margin: 0px 0px 0px 0px; padding: 5px 0px 10px 0px;">'
					+ '<a href="' + detailURL + '">More Details</a>'
				+ '</div>'
			+ '</div>'
		  + '</div>';

	document.getElementById("Div_PopupGiftImage").style.position = "absolute";
	document.getElementById("Div_PopupGiftImage").style.zIndex = 100;
	document.getElementById("Div_PopupGiftImage").style.top = posy + "px";
	document.getElementById("Div_PopupGiftImage").style.left = posx + "px";
	document.getElementById("Div_PopupGiftImage").style.width = 400 + "px";
	document.getElementById("Div_PopupGiftImage").style.height = 400 + "px";
	document.getElementById("Div_PopupGiftImage").style.display = "inline";
	document.getElementById("Div_PopupGiftImage").innerHTML = htmlData;
	//setOpacity(0);
	//alert( "" + posx + " " + posy);
	
}

function hideGiftImage() {
	document.getElementById("Div_PopupGiftImage").style.display = "none";
}