$(document).ready(function(){
	$.ajax({
		url: "/includes/getRandomProducts.php",
		cache: false,
		dataType: 'json',
		beforeSend:	function(){$('.loading').show(); },
		success: function(data){
			$('.loading').hide();
			$('.topCont').fadeIn().html('<div class="randomContainer">'
								+'<a href="/search.php?category=top" style="width:92px; height:82px; position:absolute; top:12px; right:18px;"></a>'
								+'<div class="randImage"><a href="/search.php?productId='+data.TOP[0]+'" class="moreBtn" ><img src="/images/products/'+data.TOP[3]+'" width="101" height="135"/></a></div>'
								+'<div class="randCode">'+data.TOP[1]+'</div>'
								+'<div class="randBrand">Brand: <b>'+data.TOP[4]+'</b></div>'
								+'<div class="randTitle">'+data.TOP[2]+'</div>'
								+'<div class="randPrice">'+data.TOP[5]+'</div>'
							 +'</div> ')

			$('.newCont').fadeIn().html('<div class="randomContainer">'
								+'<a href="/search.php?category=new" style="  width:115px; height:75px; position:absolute; top:4px; right:9px;"></a>'
								+'<div class="randImage"><a href="/search.php?productId='+data.NEW[0]+'" class="moreBtn" ><img src="/images/products/'+data.NEW[3]+'" width="101" height="135"/></a></div>'
								+'<div class="randCode">'+data.NEW[1]+'</div>'
								+'<div class="randBrand">Brand: <b>'+data.NEW[4]+'</b></div>'
								+'<div class="randTitle">'+data.NEW[2]+'</div>'
								+'<div class="randPrice">'+data.NEW[5]+'</div>'
							 +'</div> ')
			
			$('.offerCont').fadeIn().html('<div class="randomContainer">'
								+'<a href="/search.php?category=offer" style="width:89px; height:108px; position:absolute; top:32px; right:18px;"></a>'
								+'<div class="randImage"><a href="/search.php?productId='+data.Offer[0]+'" class="moreBtn" ><img src="/images/products/'+data.Offer[3]+'" width="101" height="135"/></a></div>'
								+'<div class="randCode">'+data.Offer[1]+'</div>'
								+'<div class="randBrand">Brand: <b>'+data.Offer[4]+'</b></div>'
								+'<div class="randTitle">'+data.Offer[2]+'</div>'
								+'<div class="randPrice" >'+data.Offer[5]+'</div>'
								+'<strike style="color:#FF0000"><div class="discount">&nbsp;'+data.Offer[6]+'&nbsp;</div></strike>'
							 +'</div> ')

		}
	});			
});