/* Detail box - Scroll */
var detailID = 0;
var contentHeight = 306;
function scrollBox(direction){
	var speed = 50;
	if (direction == "up"){
		detailID = setInterval(scrollUp, speed);
	} else if (direction == "down"){
		detailID = setInterval(scrollDown, speed);
	}
}
function scrollUp(){
	var obj = document.getElementById('dpd_container');
	obj.scrollTop -= 10;
	document.getElementById('p_btn_up').style.display = (obj.scrollTop == 0) ? "none" : "block";
}
function scrollDown(){
	var obj = document.getElementById('dpd_container');
	obj.scrollTop += 10;
	document.getElementById('p_btn_up').style.display = (obj.scrollTop == 0) ? "none" : "block";
}
function scrollBoxStop(){
	clearInterval(detailID);
}
function initDetailBox(){
	var obj = document.getElementById('dpd_container');
	//document.getElementById('p_btn_up').style.display = "none";
	//document.getElementById('p_btn_down').style.display = (obj.scrollHeight < contentHeight) ? "none" : "block";
}

/* Detail Box - Close Button */
function closeDetailBox(){
	var obj = document.getElementById('detail_box_container');
	obj.style.display = "none";
}

function showproduct(value, cid, pre) {

	var pid = value;
	
	var url = 'xml_photocontent.php';
	var pars = 'pid=' + pid + '&cid=' + cid+ '&pre=' + pre;

	$('detail_box_indent').innerHTML='<img src="ajax-loader.gif">';
	
	var myAjax = new Ajax.Updater(
		'detail_box_indent', 
		url, 
		{
			method: 'get', 
			parameters: pars,
			onLoading: showloading,
			onComplete: unloadloading2
		}
	);
	
	var obj = document.getElementById('detail_box_container');
	obj.style.display = "";
	

	getViewPoint(); // DL DT
	getViewport(); //  viewportwidth viewportheight
	obj.style.left =DL+(viewportwidth/2)-(obj.offsetWidth/2) +'px';
	obj.style.top =DT+(viewportheight/2)-(obj.offsetHeight/2)+'px';
	
	
	  myAttachEvent(window,'resize', updatePos); 
	  myAttachEvent(window,'scroll', updatePos); 
	
	  	
	return false;
}

function updatePos(){

var obj = document.getElementById('detail_box_container');

	if(obj.style.display==""){
	
		obj.style.display = "";
		
		
		getViewPoint(); // DL DT
		getViewport(); //  viewportwidth viewportheight
		obj.style.left =DL+(viewportwidth/2)-(obj.offsetWidth/2) +'px';
		obj.style.top =DT+(viewportheight/2)-(obj.offsetHeight/2)+'px';
	}
}


function showloading() {
	/*$('loadingstr').innerHTML = "<font color=red>¸ü¤J¤¤...</font>";*/
}
	
function unloadloading() {
	/*$('loadingstr').innerHTML = "";*/
}
function unloadloading2() {

}