/* Menu - Scroll */
var intervalID = 0;
function scrollDIV(direction){
	var speed = 50;
	if (direction == "prev"){
		intervalID = setInterval(scrollPrev, speed);
	} else if (direction == "next"){
		intervalID = setInterval(scrollNext, speed);
	}
}
function scrollPrev(){
	var obj = document.getElementById('product_category_list');
	obj.scrollLeft -= 10;
}
function scrollNext(){
	var obj = document.getElementById('product_category_list');
	obj.scrollLeft += 10;
}
function scrollStop(){
	clearInterval(intervalID);
}


/* 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";
}


/* Menu - Mouse Event */
var selected_menu;
function mSelect(this_td){
	if (this_td != selected_menu){
		if (selected_menu != undefined){
			selected_menu.className = "pcl_design";
		}
		this_td.className = "pcl_design_select";
		selected_menu = this_td;
		
		
		var cid=this_td.id;
		cid=cid.replace('item','');
		getSubCat(cid);
		
		/* xml_subcategory2.php?categoryid=1*/
		getSubCat(cid);
		getSubCat2(cid);
		

document.location="#"+cid;
		
	}
}

var selected_menu;
function mSelect2(this_td){
	if (this_td != selected_menu){
		if (selected_menu != undefined){
			selected_menu.className = "pcl_design";
		}
		this_td.className = "pcl_design_select";
		selected_menu = this_td;
		
		
		var cid=this_td.id;
		cid=cid.replace('item','');
		getSubCat(cid);
		
		/* xml_subcategory2.php?categoryid=1*/
		getSubCat(cid);
		getSubCat2(cid);
		


		
	}
}

function showproduct(value) {


	var pid = value;
	
	var url = 'xml_product_detail.php';
	var pars = 'pid=' + pid;

	$('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 getproduct(value) {


	var subcategoryid = value;
	
	var url = 'xml_product.php';
	var pars = 'subcategoryid=' + subcategoryid;
	
	var myAjax = new Ajax.Updater(
		'list_Container', 
		url, 
		{
			method: 'get', 
			parameters: pars,
			onLoading: showloading,
			onComplete: unloadloading
		}
	);
	
	
	
}

function getSubCat2(value) {


	var categoryid = value;
	
	var url = 'xml_subcategory2.php';
	var pars = 'categoryid=' + categoryid;
	
	var myAjax = new Ajax.Updater(
		'list_Container', 
		url, 
		{
			method: 'get', 
			parameters: pars,
			onLoading: showloading,
			onComplete: unloadloading
		}
	);
	
	
	
}


function getSubCat(value) {
	var categoryid = value;
	
	var url = 'xml_subcategory.php';
	var pars = 'categoryid=' + categoryid;
	
	var myAjax = new Ajax.Updater(
		'submenu_container', 
		url, 
		{
			method: 'get', 
			parameters: pars,
			onLoading: showloading,
			onComplete: unloadloading
		}
	);
}

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

}