function OpenAddtoCartPopup(Close,e, val)
{
	if(!Close)
	{
		var display=document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display;
		if(display=='none')
		{
		  var offsetX=findPosX(e)+90;
			var offsetY=findPosY(e);
	
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.left=offsetX+'px';
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.top=offsetY+'px';
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="";
			document.getElementById('pnlColorSize').innerHTML = data[val].productoption.replace("&#039", "'");
			//alert(document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.left);
		}
		else
		{
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="none";
			 var combo=document.getElementById('pnlColorSize');
			 combo.innerHTML="<img src='http://site.ashleyklein.com/ystore/images/ajax-loader.gif' />&nbsp;Please wait while loading..";
		}
	}
	else
	{
		document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="none";
		 var combo=document.getElementById('pnlColorSize');
		   combo.innerHTML="<img src='http://site.ashleyklein.com/ystore/images/ajax-loader.gif' />&nbsp;Please wait while loading..";
	}
}


function OpenAddtoCartPopupBSeller(Close,e, val)
{
	if(!Close)
	{
		var display=document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display;
		if(display=='none')
		{
		  var offsetX=findPosX(e)+90;
			var offsetY=findPosY(e);
	
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.left=(offsetX - 85) +'px';
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.top=(offsetY + 25) +'px';
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="";
			document.getElementById('pnlColorSize').innerHTML = val;
			//alert(document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.left);
		}
		else
		{
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="none";
			 var combo=document.getElementById('pnlColorSize');
			 combo.innerHTML="<img src='htthttp://site.ashleyklein.com/ystore/images/ajax-loader.gif' />&nbsp;Please wait while loading..";
		}
	}
	else
	{
		document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="none";
		 var combo=document.getElementById('pnlColorSize');
		   combo.innerHTML="<img src='hhttp://site.ashleyklein.com/ystore/images/ajax-loader.gif' />&nbsp;Please wait while loading..";
	}
}


function OpenAddtoCartPopupAll(Close,e, val)
{
	if(!Close)
	{
		var display=document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display;
		if(display=='none')
		{
		  var offsetX=findPosX(e)+90;
			var offsetY=findPosY(e);
	
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.left=offsetX+'px';
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.top=offsetY+'px';
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="";
			document.getElementById('pnlColorSize').innerHTML = optionarray[val];
			//alert(document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.left);
		}
		else
		{
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="none";
			 var combo=document.getElementById('pnlColorSize');
			 combo.innerHTML="<img src='http://site.ashleyklein.com/ystore/images/ajax-loader.gif' />&nbsp;Please wait while loading..";
		}
	}
	else
	{
		document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="none";
		 var combo=document.getElementById('pnlColorSize');
		   combo.innerHTML="<img src='http://site.ashleyklein.com/ystore/images/ajax-loader.gif' />&nbsp;Please wait while loading..";
	}
}


function OpenAddtoCartPopupHome(Close,e, val)
{
	if(!Close)
	{
		var display=document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display;
		if(display=='none')
		{
		  var offsetX=findPosX(e)+90;
			var offsetY=findPosY(e);
	
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.left=offsetX+'px';
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.top=offsetY+'px';
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="";
			document.getElementById('pnlColorSize').innerHTML = val;
			//alert(document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.left);
		}
		else
		{
			document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="none";
			 var combo=document.getElementById('pnlColorSize');
			 combo.innerHTML="<img src='http://site.ashleyklein.com/ystore/images/ajax-loader.gif' />&nbsp;Please wait while loading..";
		}
	}
	else
	{
		document.getElementById('ctl00_ContentPlaceHolder1_pnlPopUp').style.display="none";
		 var combo=document.getElementById('pnlColorSize');
		   combo.innerHTML="<img src='http://site.ashleyklein.com/ystore/images/ajax-loader.gif' />&nbsp;Please wait while loading..";
	}
}


function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }




function snapadd(pid, productname, productprice, productoption, image, thumbimage, image1, thumbimage1, image2, thumbimage2, image3, thumbimage3, code) 
{
	this.pid = pid;
	this.productname = productname;
	this.productprice = productprice;
	this.productoption = productoption;
	this.image = image;
	this.image1 = image1;
	this.image2 = image2;
	this.image3 = image3;
	this.thumbimage = thumbimage;
	this.thumbimage1 = thumbimage1;
	this.thumbimage2 = thumbimage2;
	this.thumbimage3 = thumbimage3;
	this.code = code;
}



var bln = true;
var count = 0;
var t;

var newcount = 0;
var ld = true;
var loader = "";



function snapadd(pid, pname, price, saleprice, image) {
    this.price = price;
	this.pid = pid;
    this.productname = pname;
    this.saleprice = saleprice;
	this.image = image;
}


function appear_box(pos) {

	if(count == 5)
	{
		bln = false;
	}
		
	popupbox = document.getElementById("snapshot" + pos);
	popupbox.style.display='block';
	
	width = screen.width;
	width = (width - 650)/2;
	document.getElementById("snapshot" + pos).style.left = Number(width) + "px";
	
	height = findscrollpos();
	document.getElementById("snapshot" + pos).style.top = Number(height + 20) + "px";

	
	
	document.getElementById("fade").style.display="block";
	
	t = setTimeout("appear_box(" + pos + ")", 1000);
	num = 0;
	count++;

}



function snap_start(pos)
{
	
	var snapdivhtml = "<div id='snap_doc_width'>   <div id='snap_content_width'>     <div id='snap_content_right'>       <h1 class='snap_item_title'> JoyRich Clothing – Men’s Shiny Stretch Jacket in Black </h1>       <div class='snap_item_display'>         <div class='snap_item_pt1'>           <div class='image'>             <div class='img_center'> <a href='PRODUCT IMAGE' rel='zoom-position: inner; zoom-width:300px; zoom-height:300px'  class='MagicZoom' id='zoom1'><img src='PRODUCT IMAGE' alt='PRODUCT NAME' title='PRODUCT NAME' name='main' id='main' title='' width='250' ></a> </div>           </div>         </div>         <div class='item_pt2'>           <div class='row'>             <p class='left'>Item Code:</p>             <p class='right'><span class='item_code'>PRODUCT CODE</span></p>           </div>           <div class='row'>             <p class='left' style='padding-top:7px;'>Sale Price :</p>             <p class='right'><span class='ourprice'>$PRODUCT PRICE</span></p>           </div>           <div class='row'> PRODUCT OPTION </div>         </div> MORE IMAGES               </div>     </div>   </div> </div> ";
	
	
	document.getElementById("fade").style.visibility = "visible";
	ld = true;
	newcount = 0;
	
	/* CODING FROM SNAP SHOT FRAME STARTS HERE */
	
	snapdivhtml = snapdivhtml.replace("PRODUCT NAME", snaparray[pos].productname);
	snapdivhtml = snapdivhtml.replace("PRODUCT OPTION", snaparray[pos].productoption);
	snapdivhtml = snapdivhtml.replace("PRODUCT IMAGE", snaparray[pos].image);
	
	var moreimage = "";
	
	if(snaparray[pos].moreimage1.length > 0)
	{
			moreimage = "<div class='more_img'> ";
			
			moreimage += "<div class='img_center1'><a href='" + snaparray[pos].image + "' rel='zoom1' rev='" + snaparray[pos].thumbimage + "' title='" + snaparray[pos].productname + "'><img src='" + snaparray[pos].thumbimage + "' width='80' height='80'/></a>";
		
			
			if(snaparray[pos].moreimage1.length > 0)
			{
					moreimage += "<div class='img_center1'><a href='" + snaparray[pos].image1 + "' rel='zoom1' rev='" + snaparray[pos].thumbimage1 + "' title='" + snaparray[pos].productname + "'><img src='" + snaparray[pos].thumbimage1 + "' width='80' height='80'/></a>";
			}
			
			if(snaparray[pos].moreimage2.length > 0)
			{
					moreimage += "<div class='img_center1'><a href='" + snaparray[pos].image2 + "' rel='zoom1' rev='" + snaparray[pos].thumbimage2 + "' title='" + snaparray[pos].productname + "'><img src='" + snaparray[pos].thumbimage2 + "' width='80' height='80'/></a>";
			}
			
			if(snaparray[pos].moreimage3.length > 0)
			{
					moreimage += "<div class='img_center1'><a href='" + snaparray[pos].image3 + "' rel='zoom1' rev='" + snaparray[pos].thumbimage3 + "' title='" + snaparray[pos].productname + "'><img src='" + snaparray[pos].thumbimage3 + "' width='80' height='80'/></a>";
			}
			
			moreimage += "</div>";
			
	}
	snapdivhtml = snapdivhtml.replace("MORE IMAGES", moreimage);
	
	document.getElementById("snapshot" + pos).innerHTML = divhtml;
	loading(pos);
}

function loading(pos)
{
		count = 0;
		
		
		bln = true;
		if(ld == true)
		{
			if(newcount == 0)
			{
				setIntDn = setInterval("dissolve_in()",100);
			}
			popupbox = document.getElementById("loading");
			
			width = screen.width;
			width = (width - 400)/2;
			document.getElementById("loading").style.left = Number(width) + "px";
			
			height = findscrollpos();
			document.getElementById("loading").style.top = Number(height + 20) + "px";
			
			
			popupbox.style.display='block';
			document.getElementById("fade").style.display="block";
			t = setTimeout("loading(" + pos + ")", 1000);
			num = 0;

		}
		else
		{
			clearTimeout(t);
			document.getElementById("loading").style.display = 'none';
			appear_box(pos);
		}
	
		newcount++;
		if(newcount == 5)
		{
			ld = false;
		}
}
	
function dissolve_in(){
	popupbox.style.opacity = num/100;
	//popupbox.style.filter='alpha(opacity='+num+')';
	if(num < 110){num=num+15;}
	else{clearInterval(setIntDn);}
}

function closeLightbox(pos)
{
	document.getElementById('snapshot' + pos).style.display='none';
	document.getElementById('fade').style.visibility = 'hidden';
	clearInterval(t);
	ld=true;
	newcount = 0;
}



function findscrollpos()
{
	var ScrollTop = document.body.scrollTop;

 

	if (ScrollTop == 0)

	{

	    if (window.pageYOffset)

    	    ScrollTop = window.pageYOffset;
	
	    else

    	    ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;

	}
	return ScrollTop;
}