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)
{
document.getElementById("fade").style.visibility = "visible";
	ld = true;
	newcount = 0;
	
	/* CODING FROM SNAP SHOT FRAME STARTS HERE */
	divhtml = "<div id='doc_width'><div class='quick_main'>";
	
	/* DIV FOR PRODUCT NAME*/
	divhtml +=   "<div class='quick_name'>";
	divhtml += snaparray[pos].productname;
	divhtml += "</div>";
	/* DIV ENDS FOR PRODUCT NAME */
		
	/* DIV FOR SNAP SHOT AREA -- 	quick_center */	
	divhtml += "<div class='quick_center'>";
	
	/* DIV FOR PRODUCT IMAGE */
    divhtml += "<div class='quick_center_img'>";
    divhtml += "<div class='quick_box'>";
	divhtml += "<div class='img_center'><span></span><img src='" + snaparray[pos].image + "' alt='" + snaparray[pos].productname + "'></div>";
	divhtml += "</div></div>";
	/* DIV ENDS FOR PRODUCT IMAGE*/

	/* DIV FOR PRODUCT DETAILS*/
	divhtml += "<div class='quick_pt2'>";
	
	/* DIV FOR PRODUCT INFORMATION LIKE PRICE SALEPRICE YOU SAVE*/
	divhtml += "<div class='quick_discription'>";
	
	if(snaparray[pos].price > 0 && snaparray[pos].saleprice > 0)
	{
		var price = new Number(snaparray[pos].price);
		var saleprice = new Number(snaparray[pos].saleprice);
		var saveprice = new Number(saleprice.toFixed(2) * 100) / price.toFixed(2);
		 divhtml += "<p><span class='product_ditel'>Retail Price : </span> <span class=retail_price style='margin-left: 10px;'>$" + price.toFixed(2) + "</span></p>";
          divhtml += "<p><span class='product_ditel'>You Save : </span> <span class=you_save>(" +  saveprice.toFixed(2) + "%) $" + (price.toFixed(2) - saleprice.toFixed(2)) + "</span></p>";
          divhtml += "<p><img src='http://site.modaqueen.com/default/images/logo_price.gif' alt='logo_price' width='59' height='49' align='absmiddle'> <span class='product_ditel'>Price :</span> <span class='itme_price_font'>$" + saleprice.toFixed(2) + "</span> </p>";
	}
	else
	{
		  divhtml += "<p><img src='http://site.modaqueen.com/default/images/logo_price.gif' alt='logo_price' width='59' height='49' align='absmiddle'> <span class='product_ditel'>Price :</span> <span class='itme_price_font'>$";
		  var price = (snaparray[pos].price > 0) ? snaparray[pos].price : snaparray[pos].saleprice;
		  divhtml += price.toFixed(2);

	  divhtml += "</span> </p>";
	}
	divhtml += "<div class='quick_bottom'  id='cart" + pos + "'><a href='https://order.store.yahoo.net/cgi-bin/wg-order?yhst-52138418228198+" + snaparray[pos].pid + "' target='orderframe' onClick='javascript:snap_addtocart(" + pos + ");'><img src='http://site.modaqueen.com/default/images/enlarge_add_to_cart.gif' alt='Add to Cart' border='0'></a><a href='#' onClick='javascript:closeLightbox(" + pos + ");'><img src='http://site.modaqueen.com/default/images/enlarge_close.gif' alt='Close' border='0'></a></div>";
	divhtml +="<div id='message" + pos + "' style='float: left; clear:both; text-align:center; padding-top:5px; padding-left:30px;'></div>";

	divhtml += "</div>";
	/* DIV ENDS FOR PRODUCT INFORMATION */
     divhtml += "</div>";
	/* DIV ENDS FOR PRODUCT details*/
    divhtml += "</div>";
	divhtml += "</div>";
	divhtml += "</div>";

	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;
}


function snap_addtocart(pos)
{
	document.getElementById("cart" + pos).style.display = "none";
	document.getElementById("message" + pos).style.display = "";
	document.getElementById("message" + pos).innerHTML = "<img src='http://site.modaqueen.com/default/images/loading1.gif'><br><b>Adding product(s) to Cart...</b>";
	newcount = 0;
	snap_addtocart_message(pos);	

}

function snap_addtocart_message(pos)
{
		if(newcount < 7)
		{
			t = setTimeout("snap_addtocart_message(" + pos + ")",2000);

		}
		else
		{
			document.getElementById("message" + pos).innerHTML = "";
			document.getElementById("message" + pos).style.display = "none";
			document.getElementById("cart" + pos).style.display = "";
			document.getElementById("shopframe").innerHTML = "<iframe src='https://p8.secure.hostingprod.com/@site.modaqueen.com/ssl/apr07/scripts/cookieget.html' width='210' scrolling='no' allowtransparency='100%' height='16' frameborder='0' style='margin-top:0px; padding:0px; margin-left:0px; margin-bottom: 0px;'></iframe>";
			clearTimeout(t);
		}
		newcount++;
}