var proid='';
var prouid='';
var tproid='';
var tprouid='';
var blockSize = 0;
var b=0;
var loadid=-1;
var multi=0;

function findOffsetLeft(obj){ 
  var curleft = 0; 
  if (obj.offsetParent){ 
	while (obj.offsetParent){ 
	  curleft += obj.offsetLeft; 
		obj = obj.offsetParent; 
	} 
  }else if (obj.x){ 
	curleft += obj.x; 
  } 

  return curleft; 
} 

function findOffsetTop(obj){ 
  var curtop = 0; 
  if (obj.offsetParent)    { 
	while (obj.offsetParent){ 
	  curtop += obj.offsetTop; 
	  obj = obj.offsetParent; 
	} 
  }else if (obj.y){ 
	curtop += obj.y; 
  } 

  return curtop; 
} 

// quick button
function qbut_show(idx,nid){
	var div_obj=eval("document.getElementById('img_"+idx+"')");
	var d=document.getElementById("div_but");
	d.style.top=findOffsetTop(div_obj)-5;
	d.style.left=findOffsetLeft(div_obj)-10;
	tproid = nid;
	tprouid = idx;
	d.style.visibility="visible";	
}

function qbut_hide(){
	var d=document.getElementById("div_but");
	d.style.visibility="hidden";
}

// quick_view
function quick_view()
{
	b=0;
	proid = tproid;
	prouid = tprouid;

	if (proid!='') {

		document.getElementById('div_cart').style.visibility='hidden';
		document.getElementById('div_cart').innerHTML='';
		document.getElementById("div_quick").style.backgroundColor='';
		document.getElementById("div_quick").innerHTML='';

		var div_obj=eval("document.getElementById('img_"+prouid+"')");
		var d=document.getElementById("div_quick");				

		if (navigator.appName.indexOf("Microsoft") != -1) {
			d.style.left = findOffsetLeft(div_obj)+20;
			d.style.top = findOffsetTop(div_obj)+30;
		} else {
			d.style.left = findOffsetLeft(div_obj)+20;
			d.style.top = findOffsetTop(div_obj)-50;
		}
		d.style.width = "50px";
		d.style.height = "60px";
		d.style.visibility="visible";
		if (navigator.appName.indexOf("Microsoft") != -1) {
			quick_expand(findOffsetLeft(div_obj)-180,findOffsetTop(div_obj)-200);
		} else {
			quick_expand(findOffsetLeft(div_obj)-180,findOffsetTop(div_obj)-250);
		}
	}
}

function quick_content() {

		var arul='';
		var xmlhttp;
		aurl='get_quick_view.php?pid=' + proid + '';
		get_print_xmlhttp(document.getElementById('div_quick'),aurl);
}

function quick_close()
{
	b=300
	var div_obj=eval("document.getElementById('img_"+prouid+"')");
	quick_reduct(findOffsetLeft(div_obj),findOffsetTop(div_obj));
	d = document.getElementById("div_quick");
	d.innerHTML="";
	d.style.backgroundColor='';
}


function quick_expand(dleft,dtop)
{
	d=document.getElementById("div_quick");
	if(b < 400) {
		b+=15;
		d.style.width = b+'px';
		d.style.height = parseInt(d.style.height.replace(/px/,""))+10+'px';
		d.style.left = parseInt(d.style.left.replace(/px/,'')) -8 + 'px';
		d.style.top = parseInt(d.style.top.replace(/px/,'')) -8 + 'px';
		timer1 = setTimeout("quick_expand("+dleft+','+dtop+");",1);

	} 
	else {
		clearTimeout(timer1);
		d.style.left = parseInt(dleft)+'px';
		d.style.top = parseInt(dtop) +'px';
		d.style.width= "400px";
		d.style.height = "350px";
		b=400;
		d.style.backgroundColor='#ffffff';
		quick_content();
	}
}


function quick_reduct(dleft,dtop)
{
	d=document.getElementById("div_quick");
	if(b > 10) {
		b-=15;
		d.style.width=parseInt(b)+'px';
		d.style.height=parseInt(d.style.height.replace(/px/,''))-17+'px';
		d.style.left  = parseInt(d.style.left.replace(/px/,'')) +12 + 'px';
		d.style.top = parseInt(d.style.top.replace(/px/,'')) +13 + 'px';
		timer2 = setTimeout("quick_reduct("+dleft+','+dtop+");",1);

	} 
	else {
		clearTimeout(timer2);
		d.style.visibility='hidden';
	}
}


function quick_get_num(aurl) {
    var xmlhttp = null;
    if(window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    var today = new Date();
    aurl = aurl + '&dummy=' + today.getTime();
    xmlhttp.open('GET', aurl, false);

    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState==4 && xmlhttp.status == 200 && xmlhttp.statusText=='OK') {
            responseText = xmlhttp.responseText;
        }
    }

    xmlhttp.send('');
    responseText = xmlhttp.responseText;

    return responseText;
}


function cart_add(pid)
{
	var qty = document.quick_form.qty.value;
	var csize = document.quick_form.csize.value;
	var color = document.quick_form.scolor.value;

	var op1 = (document.quick_form.item_op1) ? document.quick_form.item_op1.value : "";
	var op2 = (document.quick_form.item_op2) ? document.quick_form.item_op2.value : "";
	var op3 = (document.quick_form.item_op3) ? document.quick_form.item_op3.value : "";
	var op4 = (document.quick_form.item_op4) ? document.quick_form.item_op4.value : "";
	var op5 = (document.quick_form.item_op5) ? document.quick_form.item_op5.value : "";

	var aurl;
	if (pid==0 || pid=='') {
		alert('Input pid correctly');
		return;				
	}
	if (qty=='' || qty==0) {
		alert('Input Qny correctly');
		return;
	}
	var d=document.getElementById("div_cart");	
	d.style.left=findOffsetLeft(document.getElementById("quick_cart_here"))-300;
	d.style.top=findOffsetTop(document.getElementById("quick_cart_here"))+5;

	aurl = 'get_quick_cart.php?pid='+pid+'&qty='+qty+'&csize='+csize+'&color='+color+''
	+'&item_op1='+op1
	+'&item_op2='+op2
	+'&item_op3='+op3
	+'&item_op4='+op4
	+'&item_op5='+op5;

	quick_close()
	get_cart_xmlhttp(d,aurl);
	
	d.style.visibility="visible";
	cartscroll_up();
}



function cart_multi_add(jstr)
{
	var d=document.getElementById("div_cart");	
	d.style.left=findOffsetLeft(document.getElementById("quick_cart_here"))-300;
	d.style.top=findOffsetTop(document.getElementById("quick_cart_here"))+5;

	aurl = 'get_quick_cart.php?type=1&jstr='+jstr+'';

	get_cart_xmlhttp2(d,aurl);
	
	d.style.visibility="visible";
	cartscroll_up();
}

function cart_close()
{
	d = document.getElementById("div_cart");
	cartscroll_down();
}

function cartscroll_up()
{
	d=document.getElementById("div_cart");

	if (multi==1)
	{
		var dheight = d.scrollHeight;;
	}
	else {
		var dheight = 190;
	}

	if(blockSize < dheight) {
		blockSize += 5; 
		d.style.height=blockSize+'px';
		timer3 = setTimeout("cartscroll_up();",1);

	} 
	else {
		clearTimeout(timer3);
		d.style.height=dheight+'px';
		blockSize=dheight;
		setTimeout("cartscroll_down();",2000);
	}	

		
}

function cartscroll_down()
{
	d=document.getElementById("div_cart");
	if(blockSize >= 10) {
		blockSize -= 5; 
		d.style.height=blockSize+'px';
//		d.style.pixelHeight = blockSize;
		timer4 = setTimeout("cartscroll_down();",1);

	} 
	else {
		d.style.visibility='hidden';
		clearTimeout(timer4);
		d.style.height='0px';
		blockSize=0;
		
	}			
}

function load_out_js(lid,str) {
	if (loadid==-1 || loadid !=lid)
	{
		z=document.body.appendChild(document.createElement('script')); 
		z.language='javascript'; 
		z.type='text/javascript'; 
		z.id='modi';
		z.src=str;
		loadid=lid;
	}
}

function add_dom_js(lid,str,str2) 
{ 
	if (loadid==0 || loadid !=lid)
	{
		z=document.body.appendChild(document.createElement('script')); 
		z.language='javascript'; 
		z.type='text/javascript'; 
		z.id='modi';
		z.src=str;
		setTimeout(str2,1000);
		loadid=lid;
	} else {
		eval(str2);
	}
} 
