var data = new Array();
var ototal = 0;

function dataadd(pid, did, pname, price, orderable, rprice, code, image) {
	this.pid = pid;
    this.divid = did;
    this.productname = pname;
    this.productprice = price;
	this.orderable = orderable;
	this.rprice = rprice;
	this.code = code;
	this.image = image;
}

function sortByNameAscending(a,b)
{
	var x = a.productname.toLowerCase();
	var y = b.productname.toLowerCase();
	return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

function sortByNameDescending(a,b)
{
	var x = b.productname.toLowerCase();
	var y = a.productname.toLowerCase();
		return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

function sortByPriceAscending(a,b)
{
	var x = a.productprice;
	var y = b.productprice;
	return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

function sortByPriceDescending(a,b)
{
	var x = b.productprice;
	var y = a.productprice;
	return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

function sortArray(val)
{	
	
	if(val==0)
	{
		data.sort(sortByNameAscending);		
		document.getElementById('top-name-ztoa').style.display='none';
		document.getElementById('top-name-atoz').style.display='';
		document.getElementById('bottom-name-ztoa').style.display='none';
		document.getElementById('bottom-name-atoz').style.display='';

	}
	else if(val==1)
	{
		data.sort(sortByNameDescending);
		document.getElementById('top-name-ztoa').style.display='';
		document.getElementById('top-name-atoz').style.display='none';
		document.getElementById('bottom-name-ztoa').style.display='';
		document.getElementById('bottom-name-atoz').style.display='none';

	}
	else if(val==2)
	{
		data.sort(sortByPriceAscending);
		document.getElementById('top-price-10to1').style.display='none';
		document.getElementById('top-price-1to10').style.display='';
		document.getElementById('bottom-price-10to1').style.display='none';
		document.getElementById('bottom-price-1to10').style.display='';

	}
	else if(val==3)
	{
		data.sort(sortByPriceDescending);
		document.getElementById('top-price-1to10').style.display='none';
		document.getElementById('top-price-10to1').style.display='';
		document.getElementById('bottom-price-1to10').style.display='none';
		document.getElementById('bottom-price-10to1').style.display='';

	}
	viewpaging(itotal,1);
	
}

function pagingsizechange(len, index)
{
	document.getElementById("top-paging").selectedIndex = index;
	document.getElementById("bottom-paging").selectedIndex = index;
	viewpaging(len, 1);
	
}
function viewpaging(len,curpage)
{	
	
	pagenum=curpage;
	pno=document.getElementById("top-paging").value;	
	
	totalpage=Math.ceil(len / pno);		
	startpos = (curpage - 1) * pno;
	endpos = (curpage * pno) - 1;	
	
	var str='<div class="cat_disply">';			
	var count = 0;
	var itemno=0;
	
	if(curpage == 404)
	{
		ototal = itotal;
	}
	else
	{
		ototal = endpos - startpos;
	}
	
	for(i=0;i<len;i++)
	{
		if((i>=startpos && i<=endpos) || (curpage==404))
		{
			if(count < 3)
			{
				str = str + "<div class='cat_box' style='background:url(http://site.ampmfashion.com/images/vertical_seperator1.gif) repeat-y right top;height:160px;'>";
			}
			else
			{
				str = str + "<div class='cat_box'>";		
			}

			dhtml = document.getElementById(data[i].divid).innerHTML;
			qbox = "<span style='color:#000; padding-left:10px;'><input type='checkbox' id='chkbox" + itemno + "' name='chkbox" + itemno + "'></span><input type='hidden' name='vwquantity" + itemno + "' id='vwquantity" + itemno + "' value='1'>";
			vitm = "<input type='hidden' name='vwitem" + itemno + "' value='" + data[i].pid + "'>";
			
			dhtml = dhtml.replace("QTYBOX",qbox);
			dhtml = dhtml.replace("VWITEMHERE",vitm);
			str = str +  dhtml + "</div>";
			itemno++;
			

			count++;
			if(count==4)
			{
				count=0;
				str = str + "</div><div class='cat_disply'>";			
			}
		}	
	}	
	str = str + "</div>";
	
	document.getElementById("pagedisplay").innerHTML=str;
	
	
	distxt= " ";
	if(curpage==404)
	{
		distxt = distxt + "<span>View All</span> Page ";
	}
	else
	{
		distxt = distxt + "<a href=javascript:viewpaging("+len+",404);>View All</a> Page ";
	}

	if(curpage!=404 && curpage>1)
	{
			distxt = distxt + "<a href=javascript:viewpaging("+len+"," + (curpage - 1) + ");>Prev</a> ";
	}
	
	for(i=1;i<=totalpage;i++)
	{
		
		if(i==curpage)
		{
			distxt = distxt + "<span>"+i+"</span> ";
		}
		else
		{
			distxt = distxt + "<a href=javascript:viewpaging("+len+","+i+");>"+i+"</a> ";
		}
		if(i!=totalpage)
		{	
			distxt = distxt + "| ";
		}
		
	}
	
	if(curpage!=404 && curpage<totalpage)
	{			
			distxt = distxt + "<a href=javascript:viewpaging("+len+"," + (curpage + 1) + ");> Next</a>";
	}
	
	document.getElementById('main').innerHTML=distxt;
	document.getElementById('main-1').innerHTML=distxt;		
}

function checkAll()
{
	for(i=0;i<=ototal;i++)
	{
		if(document.getElementById("chkbox" + i))
		{
			style = document.getElementById("chkbox" + i).disabled;		
			if(document.getElementById("chkbox" + i).checked == false && style == false)
			{
				document.getElementById("vwquantity" + i).value = 0; 
			}
			else
			{
	
			}
			
		}
	}
	document.mainform.submit();
	return false;
}

// Wait function jquery End

function snapshopclose(poss)
{

	$("#snapshop").fadeOut("slow");
	document.getElementById("quickview"+poss).src = 'http://98.129.37.252/stores/verseo/images/quick_view.gif';
}

function snapshop(pos)
{

	document.getElementById("quickview"+pos).src = 'http://98.129.37.252/stores/verseo/images/quick_view_hover.gif';
	$("#snapshop").wait();

	ihtml = "<div class='popup_border'><div class='popup_width'> <div id='hideval' style='display:none;'></div><div id='hidecolor' style='display:none;'></div> <abbr id='titleBar' style='cursor:move;'><img src='http://98.129.37.252/stores/verseo/images/move_img.jpg' alt='Drag' title='Drag'></abbr><img src='http://98.129.37.252/stores/verseo/images/close_img.jpg' alt='Close' class='img_right' style='padding:0px 0px 5px 0px;' onClick='javascript:snapshopclose("+pos+");' /><h1>"+data[pos].productname+"</h1> <div style='padding:5px; float:right; cursor:pointer;'> </div><div class='tabing' id='item_tabbing'><a href='javascript:tabon(&#39;description&#39;, &#39;tabdiv1&#39;);' class='description over'><span>Order</span></a> <a href='javascript:tabon(&#39;cus_reviews&#39;, &#39;tabdiv2&#39;);' class='cus_reviews'><span>Description  </span></a> </div> <div class='tabcontentstyle_new'> <div class='tab-content-top-corners_new'> <img src='http://98.129.37.252/stores/verseo/images/right_corner1.jpg' alt='Right Corner' class='img_right'  title='Right Corner'> </div> <div class='tabbing-content-main_new'> <div id='tabdiv1'  class='tabcontent'> <table width='100%' border='0' cellspacing='0' cellpadding='0'> <tr> <td><div class='popup_product'> <div class='popup_left'> <div class='img_center'><span></span><img src='" + data[pos].image + "' alt='" + data[pos].productname + "' title='" + data[pos].productname + "' border='0'></div><div class='view_product'><a href='"+data[pos].pid+".html'>View Product</a> </div> </div><div class='popup_description'> <div class='description_text'> <p>Item #:</p> <span>" + data[pos].procode + "</span> </div>";
	
	if(parseInt(data[pos].productprice) > 0 && parseInt(data[pos].saleprice) > 0)
	{
		ihtml += "<div class='description_text' ><p>Price:</p><span><abbr style='text-decoration: line-through;'>$"+data[pos].productprice.toFixed(2)+"</abbr></span></div><div class='description_text'> <p>Sale price:</p> <span>$" + data[pos].saleprice.toFixed(2) + "</span></div>";
	}
	else if(parseInt(data[pos].productprice) > 0)			
	{
		ihtml += "<div class='description_text' ><p>Price:</p><span><abbr style='text-decoration: line-through;'>$"+data[pos].productprice.toFixed(2)+"</abbr></span></div>";
	}
	else if(parseInt(data[pos].saleprice) > 0)
	{
		ihtml += "<div class='description_text'> <p>Sale price:</p> <span>$" + data[pos].saleprice.toFixed(2) + "</span></div>";
	}
	
	ihtml += "<div class='description_text'><p>Quantity:</p> <span> <input type='text' class='qty_fild' name='vwquantity' value='1'></span> </div><input name='vwitem' type='hidden' value='"+data[pos].producturl+"' /><input name='vwcatalog' type='hidden' value='yhst-83397681892314' /><div class='description_text'><input type='image' src='http://98.129.37.252/stores/verseo/images/add_to_cart2.jpg' class='img_left' alt='Add to Cart' title /></div></div></div></td>  </tr></table></div>";
	
	ihtml += "<div class='tabcontent' id='tabdiv2' style='display:none;'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td><div class='popup_product'><div class='popup_left'><div class='img_center'><span></span><img src='" + data[pos].image + "' border='0'></div><div class='view_product'><a href='"+data[pos].pid+".html'>View Product</a> </div></div> <div class='scroll_box' id='prodetails'>Description Here....</div></div></td></tr></table></div>";
	
	// snapshop height width
	if((pos+4) % 3 == 0)
	{
		var swidth = 670;
	}
	else
	{
		var swidth = 470;
	}
	
	var sheigh = 345;
	// find mouse pos
	var wpos = 0;
	var hpos = 0;
	var counter = 0;

	function showit()
	{
		if(counter == 0)
		{
			document.getElementById("snapshop").style.left = (event.clientX + document.documentElement.scrollLeft) - (swidth / 2) + "px";
			var HeightCalcBot = document.documentElement.clientHeight - event.clientY;
			if(event.clientY < (sheigh / 2))
			{
				document.getElementById("snapshop").style.top = document.documentElement.scrollTop +"px";
			}
			else if(HeightCalcBot < (sheigh / 2))
			{
				document.getElementById("snapshop").style.top = (event.clientY + document.documentElement.scrollTop + HeightCalcBot) - (sheigh + 20) +"px";
			}
			else
			{
				document.getElementById("snapshop").style.top = (event.clientY + document.documentElement.scrollTop) - (sheigh / 2) +"px";
			}
			document.getElementById("snapshop").innerHTML = ihtml;
			/*document.getElementById("snapshop").style.display = "";*/
			$("#snapshop").fadeIn("slow");
			//display product details
			document.getElementById("prodetails").innerHTML = data[pos].productdetails;
			counter++;
		}
	}
	function showitMOZ(e)
	{
		if(counter == 0)
		{
			document.getElementById("snapshop").style.left = e.pageX - (swidth / 2) + "px";
			var HeightCalcTop = e.pageY - window.pageYOffset;
			var HeightCalcBot = (window.pageYOffset + window.innerHeight) - e.pageY;
			if(HeightCalcTop < (sheigh / 2))
			{
				document.getElementById("snapshop").style.top = (e.pageY - HeightCalcTop) + 5 +"px";
			}
			else if(HeightCalcBot < (sheigh / 2))
			{
				document.getElementById("snapshop").style.top = (e.pageY - sheigh - 20) + (HeightCalcBot) +"px";
			}
			else
			{
				document.getElementById("snapshop").style.top = e.pageY - (sheigh / 2) +"px";
			}
			document.getElementById("snapshop").innerHTML = ihtml;
			/*document.getElementById("snapshop").style.display = "";*/
			$("#snapshop").fadeIn("slow");
			//display product details
			document.getElementById("prodetails").innerHTML = data[pos].productdetails;
			counter++;
		}
	}
	if (!document.all){
		window.captureEvents(Event.CLICK);
		window.onclick=showitMOZ;
	}
	else
	{		
		document.onclick=showit;
	}
	// end mouse pos
	
	// Start Dragging Coading
	$('#snapshop').draggable({ handle: 'abbr' });
    var handle = $('#snapshop').draggable('option', 'handle');
    $('#snapshop').draggable('option', 'handle', 'abbr');
	
	$('#snapshop').draggable({ opacity: 0.35 });
	var opacity = $('#snapshop').draggable('option', 'opacity');
	$('#snapshop').draggable('option', 'opacity', 0.35);
	// End Dragging Coading
	
	// Call function inside script
	setTimeout("displaysize()",2000);
	$("#psizepop").wait();
}