function sortbyInStock(a, b) {
	var x = Number(b.Orderable);
	var y = Number(a.Orderable);
	return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}
function sortbyPriceAsc(a, b) {
	var x = Number(a.Price);
	var y = Number(b.Price);
	return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

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

function PriceShortingPage(sortby, page){
	if(sortby==0){
		location.reload(true);
	}else if(sortby==1){
		myData.sort(sortbyInStock);
	}else if(sortby==2){
		myData.sort(sortbyPriceDesc);
	}else if(sortby==3){
		myData.sort(sortbyPriceAsc);
	}else if(sortby==4){
		myData.sort(sortByNameAscending);
	}else if(sortby==5){
		myData.sort(sortByNameDescending);
	}
	$.each(myData,function(intIndex, objValue){$("#Item_"+ intIndex).html(objValue.Detail);});
	pagination(page, sortby);
}
function pagination(page, sortby){
	var pagelist='';
	var itemperpage=10;
	var first=0;
	if(page!=1){
		pg=page - 1;
		first= pg * itemperpage;
	}
	var last=first + itemperpage;
	var length=myData.length;
	if(last >length){last=length;}
	for(i=first; i< last; i=i+2){
		var ft=i;
		var sc=i + 1;
		if(sc < length){
		var data1=myData[ft].Detail;
		var data2=myData[sc].Detail;
		pagelist=pagelist +'<tr valign="top"><td align="left" valign="top" class="blue-brd-box">'+ data1 +'</td><td width=28><img src=http://site.buyextras.com/images/pix.gif width=28 height=1></td><td align="left" valign="top" class="blue-brd-box">'+ data2 +'</td></tr><tr><td colspan=3><img src=http://site.buyextras.com/images/pix.gif width=1 height=28></td></tr>';
		}else{
			var data1=myData[ft].Detail;
			pagelist=pagelist +'<tr valign="top"><td align="left" valign="top" class="blue-brd-box">'+ data1 +'</td><td width=4><img src=http://site.buyextras.com/images/pix.gif width=4 height=1></td><td></td></tr><tr><td colspan=3><img src=http://site.buyextras.com/images/pix.gif width=1 height=6></td></tr>';
		}
		
		pagelist=pagelist +'';
	}
	pagelist='<table border="0" cellpadding="0" cellspacing="0" width="800" id="productlist">'+ pagelist +'</table>';
	
	$("#paging").html(pagelist);
	PagingNumber(page, sortby);
	
}
function PagingNumber(page, sortby){
	var itemperpage=10;
	var temp=myData.length;
	temp=temp / itemperpage;
	var total=temp.toFixed(0);
	if(temp > total){total=parseInt(total) + 1;}
	var pagelist='';
	for (i=1; i <=total; i++){
		if(i==page){
			pagelist=pagelist +'<a href="#" class="active">'+ i +'</a>';
		}else{
			if(sortby=='default'){
				pagelist=pagelist +'<a href="javascript:pagination('+ i +', \''+ sortby +'\');">'+ i +'</a>';
			}else{
				pagelist=pagelist +'<a href="javascript:pagination('+ i +', '+ sortby +');">'+ i +'</a>';
			}
			
		}
	}
if(sortby==1){
	var dropdown='Sort by: <select name="sort" class="sortbydropdown" onchange="PriceShortingPage(this.value, '+ page +');"><option value="0">Default</option><option value="1" selected="selected">In Stock</option><option value="2">Price High to Low</option><option value="3">Price Low to High</option><option value="4">Name (Ascending)</option><option value="5">Name (Descending)</option></select>';
	}else if(sortby==2){
	var dropdown='Sort by: <select name="sort" class="sortbydropdown" onchange="PriceShortingPage(this.value, '+ page +');"><option value="0">Default</option><option value="1">In Stock</option><option value="2" selected="selected">Price High to Low</option><option value="3">Price Low to High</option><option value="4">Name (Ascending)</option><option value="5">Name (Descending)</option></select>';
	}else if(sortby==3){
var dropdown='Sort by: <select name="sort" class="sortbydropdown" onchange="PriceShortingPage(this.value, '+ page +');"><option value="0">Default</option><option value="1">In Stock</option><option value="2">Price High to Low</option><option value="3" selected="selected">Price Low to High</option><option value="4">Name (Ascending)</option><option value="5">Name (Descending)</option></select>';
	}else if(sortby==4){
var dropdown='Sort by: <select name="sort" class="sortbydropdown" onchange="PriceShortingPage(this.value, '+ page +');"><option value="0">Default</option><option value="1">In Stock</option><option value="2">Price High to Low</option><option value="3">Price Low to High</option><option value="4" selected="selected">Name (Ascending)</option><option value="5">Name (Descending)</option></select>';
	}else if(sortby==5){
var dropdown='Sort by: <select name="sort" class="sortbydropdown" onchange="PriceShortingPage(this.value, '+ page +');"><option value="0">Default</option><option value="1">In Stock</option><option value="2">Price High to Low</option><option value="3">Price Low to High</option><option value="4">Name (Ascending)</option><option value="5" selected="selected">Name (Descending)</option></select>';
	}else{
	var dropdown='Sort by: <select name="sort" class="sortbydropdown" onchange="PriceShortingPage(this.value, '+ page +');"><option value="0"  selected="selected">Default</option><option value="1">In Stock</option><option value="2">Price High to Low</option><option value="3">Price Low to High</option><option value="4">Name (Ascending)</option><option value="5">Name (Descending)</option></select>';
	}
	
	var pagelistfinal='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="260" height="22" class="showing">Showing page: <strong>'+ page +'</strong> of about '+ total +'</td><td class="sortbytd" valign="middle" width="170" align="left">'+ dropdown +'</td><td align="right" class="pagingnum"><strong>Pages:</strong> '+ pagelist +'</td></tr></table>'
	
	$("#pg_top").html(pagelistfinal);
	$("#pg_bottom").html(pagelistfinal);
	
}

var myData = new Array();
$(document).ready(function() {
	var ItemPrice= new Array();
	$(".blue-brd-box").each(function(val) {
			 $(this).attr("id", "Item_"+ val);
			 var price= $(this).attr("rel");
			 var price= parseFloat(price);
			 var price= price.toFixed(2);
			 if(!price){price=0;}
			 var detail=$(this).html();
			 
			var name=$(this).find("a > img").attr("alt");

			var orderable=$(this).find("a > img").attr("rel");
			var orderable= parseFloat(orderable);
			myData[val] = {Detail:detail, Price:price, Name:name, Orderable:orderable};
});
PriceShortingPage('default', 1);
});

