var searchprod=new Array();

// *** find product ******
function getsearchprod(f)
{
	var text=$('#searchbox').val();
	var type=f.prod.options[f.prod.selectedIndex].value;
	$.getJSON("/vendor/searchprodjson.php", {text:text,type:type}, function(data) {
		searchprod=data;
		displaysearchprod(0);
	});
	return false;
}


// ******** display the products search **************
function displaysearchprod(page)
{
	currentpage=page;
	var i=page * 10;
	var counter=0;
	var k=i+1;
	var items=searchprod;
	var str1='<br>';
	str1+='<fieldset class="box600">';
	str1+='<legend>Result</legend>';
	
	var str2=buildpage(items.length,10,3);
	str1+='<br>'+str2;
	if(items.length > 0)
	{
	while((i < items.length)&&(counter < 10))
	{
		var date=items[i]._publishdate;
		date=date.split('/');
		var mon=date[0];
		var day=date[1];
		var year=date[2];
		var strdate='<fieldset class="date">'+mon+'&nbsp;'+day+'</fieldset>';
		str1+='<table border="0" cellpadding="5" cellspacing="5">';
		str1+='<tr><td colspan="2">'+k+'.<a href="#" onclick="showprodsearch('+page+','+i+'); return false;">'+items[i]._title+'</a></td></tr>';
		str1+='<tr><td width="120"><a href="#" onclick="showprodsearch('+page+','+i+'); return false;">';
		str1+='<img src="'+items[i]._smallphoto+'" border="0"></a></td>';
		str1+='<td width="400" align="left"><table border="0">';
		str1+='<tr><td>Prod ID</td><td>'+items[i]._prodid+'</td></tr>';
		str1+='<tr><td>Price</td><td>$'+items[i]._price+'</td></tr>';
		str1+='<tr><td>QTY</td><td>'+items[i]._qty+'</td></tr>';
		str1+='<tr><td>Release date</td><td>'+strdate+'</td></tr>';
		str1+='<tr><td>&nbsp;</td><td><a href="#" onclick="buysearch('+i+'); return false;"><img src="/image/addcart.gif" border="0"></a></td></tr>';
		str1+='</table>';
		str1+='</td></tr>';
		str1+='</table>';
		str1+='<div class="ruler"></div>';
		i++;
		counter++;
		k++;
	}
	} else {
		str1+='<p>No search result is found.</p>';	
	}
	str1+= '<br>'+str2;
	str1+='</fieldset>';

	$("#middlepage").html(str1);
	
	return false;
	
}



// **** show each product item ************

function showprodsearch(page,i)
{
	var items=searchprod;
	var date=items[i]._publishdate;
        date=date.split('/');
        var mon=date[0];
        var day=date[1];
        var year=date[2];
        var strdate='<fieldset class="date">'+mon+'&nbsp;'+day+'</fieldset>';

	var prod_id=items[i]._prodid;
	var str1='<br>';
	str1+='<fieldset class="box600">';
	str1+='<legend><a href="#" onclick="displaysearchprod('+currentpage+'); return false;">Result</a>';
	str1+='&nbsp;<img src="/image/arrow.gif" border="0">&nbsp;Product detail</legend>';
	str1+='<table border="0" cellpadding="5" cellspacing="5">';
	str1+='<tr><td colspan="2">'+items[i]._title+'</td></tr>';
	str1+='<tr><td width="120"><fieldset><br><center><a href="#" id="frontcover" title="Front cover">';
	str1+='<img src="'+items[i]._smallphoto+'" border="0"></a></center><br>';
	if(items[i]._largephoto!=null)
	{
		str1+='<fieldset class="item"><a href="#" id="backcover" title="back cover">Back cover</a></fieldset>';
	}
	if(items[i]._description!='')
	{
		str1+='<fieldset class="item"><a href="#" id="summary" title="Description">Description</a></fieldset>';	
	}
	str1+='</fieldset></td>';
	str1+='<td width="450" align="left"><table border="0">';
	str1+='<tr><td>Prod ID</td><td>'+items[i]._prodid+'</td></tr>';
	str1+='<tr><td>Price</td><td>$'+items[i]._price+'</td></tr>';
	str1+='<tr><td>QTY</td><td>'+items[i]._qty+'</td></tr>';
	str1+='<tr><td>Release date</td><td>'+strdate+'</td></tr>';
	str1+='<tr><td>&nbsp;</td><td><a href="#" onclick="buysearch('+i+'); return false;"><img src="/image/addcart.gif" border="0"></a></td></tr>';
	str1+='</table>';
	str1+='</td></tr>';
	str1+='</table>';
	str1+='<div id="placephoto"></div>';
	str1+='</fieldset>';
	str1+='<div id="placeactor"></div>';
	str1+='<div id="placemusic"></div>';
	var list=items[i].list;
	if(list.length > 0)
	{
	str1+='<fieldset class="box600"><legend>Relate topic</legend><ol>';
	for(var k=0; k < list.length; k++)
	{
		str1+='<li><a href="#" onclick="gethomebycat('+list[k]._catid+');">'+list[k]._title+'</a></li>';
	}
	str1+='</ol></fieldset><br>';
	}
	

	$("#middlepage").html(str1);
	
	$('#backcover').click(function() {
		$('#placephoto').html('<img src="'+items[i]._largephoto+'">');							   
	});
	
	$('#frontcover').click(function() {
		$('#placephoto').html('<img src="'+items[i]._mediumphoto+'">');							   
	});
	
	$('#summary').click(function() {
		$('#placephoto').html(items[i]._description);							   
	});
	
	getsinger(prod_id);
	return false;
	
}


// ************** buy product ***************
function buysearch(i)
{
	var items=searchprod;
	var title=items[i]._title;
	var price=items[i]._price;
	var photo=items[i]._smallphoto;
	var prodid=items[i]._prodid;
	
	var str='<li id="prodid_'+prodid+'"><span>'+title +'</span>';
	str+='&nbsp;<span>$</span>&nbsp;<span class="price">'+price+'</span>';
	str+='&nbsp;<a href="#" onclick="del('+prodid+');" class="bigred">X</a></li>'; 
	$('#mycart').append(str);
	
	$('div.cart').html('<img src="'+photo+'" width="50" height="50">');
	$('div.cart').effect("bounce", { times: 10 }, 300);
	
	var sum=0;
	$('span.price').each(function() {
		var myprice=new Number($(this).text());
		sum=sum+myprice;						  
	});
	sum=decimal(sum);
	$('#mytotal').html('Total $ ' +sum);
	if($('#shoppingcart').height() > 400) {
		$('#shoppingcart').addClass('box200a');	
	}
}