
var prodlist=new Array();
var items=new Array();
var proditems=new Array();

var index=0;
var index2=0;
var currentpage=0;
var actorlist=new Array();
var song=new Array();
var myvideo='';
var country=new Array();
var state=new Array();
var account=new Array();
var cart=new Array();
var submenuflag=false;
var ship=new Array();
var payment = new Array();
var fee=10.99;
var myorder='';
var myaddress='';
var orderstatus=new Array();
var listmanager=new Array();
var sponsor=new Array();

var mflag=false;
function moreitem()
{
	var str='<fieldset class="itemmenu">';
	str+='<ul>';
	str+='<li><a href="#" onclick="aboutdvd(); return false;" title="About DVD">About DVD</a></li>';
	str+='<li><a href="#" onclick="contact(); return false;" title="Contact us">Contact us</a></li>';
	str+='<li><a href="#" onclick="getorderstatus(); return false;" title="My Order History">My order history</a></li>';
	str+='<li><a href="#" onclick="donate(); return false;" title="We donate our profit to charity">Our donation</a></li>';
	str+='<li><a href="#" onclick="sendmoney(); return false;" title="Send money to Cambodia">Send money</a></li>';
	str+='<li><a href="#" onclick="getbook(4); return false;" title="Souvenir">Souvenir</a></li>';
	str+='</ul>';
	str+='</fieldset><br>';
	str+='<fieldset class="itemmenu">';
	str+='<ul>';
	str+='<li><a href="http://club.khmer.org" title="Khmer club">Club</a></li>';
	str+='<li><a href="http://club.khmer.org/kir.php" title="Radio">Radio</a></li>';
	str+='<li><a href="http://club.khmer.org/kit.php" title="TV">TV</a></li>';
	str+='</ul>';
	str+='</fieldset>';
	var pos=$('#k4').offset();
	var left=pos.left;
	var top=pos.top+40;
	$('#submenu').css({top:top,left:left,'position':'absolute','z-index':'30'});
	if(mflag==false)
	{
		$('#submenu').html(str);
		$('#submenu').show();
		mflag=true;
	} else {
		$('#submenu').hide('slow');
		mflag=false;
	}
}

function aboutdvd()
{
	var str='';	
	str+='<br><fieldset><legend>About DVD and CD</legend>';
	str+='<p>We sell only original DVD and original CD. All our DVD and CD are white DVD disc which identify original DVD and CD';
	str+=' from manufacture.</p>';
	str+='<h4>Identify original DVD and copy DVD</h4>';
	str+='<span>Original DVD</span><span><a href="#" id="originaldvd"><img src="/image/originaldvdsmall.gif" border="0"></a></span>';
	str+='&nbsp;&nbsp;<span>Copy DVD</span><span><a href="#" id="copydvd"><img src="/image/copydvdsmall.gif" border="0"></a></span>';
	str+='<p><b>Our DVD are NTSC system that can play on DVD Players and Sony PlayStation 2.</b></p>';
	str+='<div id="placeDVD"></div>';
	str+='</fieldset>';
	$('#middlepage').html(str);
	$('#submenu').html('');
	$('#originaldvd').click(function() {
		$('#placeDVD').html('<img src="/image/originaldvdbig.gif">');								 
	});
	$('#copydvd').click(function() {
		$('#placeDVD').html('<img src="/image/copydvdbig.gif">');								 
	});
}

function donate()
{
	$('#middlepage').load("/aboutus/donation.html");	
	$('#submenu').hide('slow');
	mflag=false;
}

function friendlyprint()
{
	/*
	myorder=$('#myorder').html();
	myaddress=$('#myaddress').html();
	window.open('/cart/print.htm','newin','width=800,height=500');
	*/
	$('#myorder').jqprint();
}


function getsponsor()
{
	$.getJSON("/vendor/getsponsor.js",{id:1}, function(data) {
		sponsor=data;
		displaynewrelease();
		displaysponsor();
		displayinvitation();
	
	});
	return false;
}


function displaysponsor()
{
	var str='';
	for(var i=2; i < sponsor.length; i++)
	{
		str+='<br><fieldset class="mysponsor"><legend>'+sponsor[i]._ctitle+'</legend>';
		var prod=sponsor[i].prod;
		for(var k=0; k < prod.length; k++)
		{
			str+='<p>'+prod[k]._title+'</p>';
			str+='<a href="#" onclick="showprodsponsor('+i+','+k+');"><img src="'+prod[k]._smallphoto+'" border="0"></a>';
			str+='<br><br>';
		}
		str+='</fieldset><br>';
	}
	$('#myads').html(str);
	return false;
}

function displaynewrelease()
{
	var str='';
	var i=0;
	
	str+='<br><fieldset class="box600"><legend>'+sponsor[i]._ctitle+'</legend>';
	str+='<table border="0" cellpadding="5" width="100%"><tr>';
	var prod=sponsor[i].prod;
	for(var k=0; k < prod.length; k++)
	{
			str+='<td>';
			str+='<a href="#" onclick="showprodsponsor('+i+','+k+');" title="'+prod[k]._title+'">';
			str+='<img src="'+prod[k]._smallphoto+'" border="0"></a>';
			str+='</td>';
	}
	str+='</tr></table></fieldset><br>';
	$('#middlepage').prepend(str);
	return false;
}


function displayinvitation()
{
	var str='';
	var i=1;
	
	str+='<br><fieldset class="box600"><legend>'+sponsor[i]._ctitle+'</legend>';
	str+='<table border="0" cellpadding="5" width="100%"><tr>';
	var prod=sponsor[i].prod;
	for(var k=0; k < prod.length; k++)
	{
			str+='<td>';
			str+='<a href="#" onclick="showprodsponsor('+i+','+k+');" title="'+prod[k]._title+'">';
			str+='<img src="'+prod[k]._smallphoto+'" border="0"></a>';
			str+='</td>';
	}
	str+='</tr></table></fieldset><br>';
	$('#invitation').html(str);
	return false;
}

function getcart()
{
	cart=null;
	$.getJSON("/cart/getprodjson.php",{id:Number(new Date)}, function(data) {
		cart=data;
		updatecart();
		displaycart();
	
	});
	return false;
}

function getorderstatus()
{
	$.getJSON("/cart/orderstatusjson.php",{id:Number(new Date)}, function(data) {
		orderstatus=data;
		displayorderstatus();
	});
	return false;
}

function getcountry()
{
	$.getJSON("/vendor/countryjson.php", function(data) {
		country=data.country;
		state=data.state;
		displaycountry();
	});
	return false;
}

// *** get products by production that list in menu *********
function getproduction()
{
	$.getJSON("/vendor/prodjson.php", {id:1}, function(data) {
		prodlist=data;
	});
	return false;
}

// *** get products by category that list in home page ******
function getlistmanager()
{
	$.getJSON("/vendor/listmanagerjson.php", {id:1}, function(data) {
		listmanager=data;
		displaycategory();
	});
	return false;
}

// *************** get products by category *******************
function getitem(k1,k2)
{
	items=null;
	var catid=prodlist[k1].cat[k2]._catid;
	$.getJSON("/vendor/proditemjson.php", {cat_id:catid,id:2}, function(data) {
		items=data;
		displayitem(k1,k2,0);
	});
	return false;
}

// ***** get product item by category *******
function getitembycat(k1,k2)
{
	var catid=listmanager[k1].cat[k2]._catid;
	$.getJSON("/vendor/prodlistmanagerjson.php", {cat_id:catid,id:2}, function(data) {
		proditems=data;
		displayitembycat(k1,k2,0);
	});
	return false;
}


// ***** get product item by category *******
function gethomebycat(catid)
{
	proditems=null;
	var myindex=0;
	var myindex2=0;
	$.getJSON("/vendor/prodlistmanagerjson.php", {cat_id:catid,id:2}, function(data) {
		proditems=data;
		for(var i=0; i < listmanager.length; i++)
		{
			var mycat=listmanager[i].cat;
			for(var k=0; k < mycat.length; k++)
			{
			if(mycat[k]._catid==catid)
			{
				myindex=i;
				myindex2=k;
				i=listmanager.length;
				k=mycat.length;
			}
			}
		}
		displayitembycat(myindex,myindex2,0);
	});
	return false;
}


// ******** get products menu *********
function getbook(k)
{
	index=k;
	var prodcat=prodlist[k].cat;
	var str='<br>';
	str+='<fieldset class="box600">';
	str+='<legend>'+prodlist[k]._mtitle+'</legend>';
	
	var i=0;
	var num = parseInt(prodcat.length / 2);
	var str1='<ol class="nolist">';
	while(i < num)
	{
		str1+='<li><a href="#" onclick="getitem('+k+','+i+'); return false;">'+prodcat[i]._ctitle+'</a> ('+prodcat[i]._total+')</li>';
		i++;
	}
	str1=str1+'</ol>';
	
	var str2='<ol class="nolist">';
	while(i < prodcat.length)
	{
		str2+='<li><a href="#" onclick="getitem('+k+','+i+'); return false;">'+prodcat[i]._ctitle+'</a>&nbsp;&nbsp;('+prodcat[i]._total+')</li>';
		i++;
	}
	str2=str2+'</ol>';
	
	str+='<table border="0" width="550" cellpadding="5" cellspacing="0">';
	str+='<tr><td class="width300" valign="top">'+str1+'</td><td class="width300" valign="top">'+str2+'</td</tr></table>';
	
	str+='</fieldset>';
	
	$("#submenu").html('');
	
	$("#middlepage").html(str);
	
	$('#menu img').each(function() {
		$(this).css({'opacity':'1'});						
	});
	
	$('#k'+k).css({'opacity':'0.50'});
	
	return false;
	
}


// ********** display home page category from list manager ************
function displaycategory()
{

	for(var k=0; k < listmanager.length; k++)
	{
		
		var prodcat=listmanager[k].cat;
		
		if(prodcat.length > 0)
		{
		var str='<br>';
		str+='<fieldset class="box600">';
		str+='<legend>'+listmanager[k]._mtitle+'</legend>';
		var i=0;
		var num = parseInt(prodcat.length / 2);
		if(num==0)
		{
			num=prodcat.length;	
		}
		var str1='<ol class="nolist">';
		while(i < num)
		{
			
			str1+='<li><a href="#" onclick="getitembycat('+k+','+i+'); return false;">'+prodcat[i]._ctitle+'</a> ('+prodcat[i]._total+')</li>';
			
			i++;
		}
		str1=str1+'</ol>';
	
		var str2='<ol class="nolist">';
		while(i < prodcat.length)
		{
			
		str2+='<li><a href="#" onclick="getitembycat('+k+','+i+'); return false;">'+prodcat[i]._ctitle+'</a>&nbsp;&nbsp;('+prodcat[i]._total+')</li>';
			
			i++;
		}
		str2=str2+'</ol>';
	
		str+='<table border="0" width="560" cellpadding="5" cellspacing="0">';
		str+='<tr><td class="width300" valign="top" align="left">'+str1+'</td><td class="width300" valign="top" align="left">'+str2+'</td</tr>';
		str+='</table>';
		str+='</fieldset><br>';
	
		$("#middlepage").append(str);
		}
	}
	
	
	
	return false;
	
}


// ******** display the products base on index **************
function displayitem(k1,k2,page)
{
	index=k1;
	index2=k2;
	currentpage=page;
	var i=page * 10;
	var counter=0;
	var k=i+1;
	var str1='<br>';
	str1+='<fieldset class="box600">';
	str1+='<legend><a href="#" onclick="getbook('+index+');" class="navigator">'+prodlist[k1]._mtitle;
	str1+='</a>&nbsp;<img src="/image/arrow.gif">&nbsp;<font class="navigatordetail">'+ prodlist[k1].cat[k2]._ctitle+'</font></legend>';
	
	var str2=buildpage(items.length,10,1);
	str1+='<br>'+str2;
	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="showitem('+k1+','+k2+','+i+'); return false;">'+items[i]._title+'</a></td></tr>';
		str1+='<tr><td width="120"><a href="#" onclick="showitem('+k1+','+k2+','+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="buy('+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++;
	}
	
	str1+= '<br>'+str2;
	str1+='</fieldset>';

	$("#middlepage").html(str1);
	
	return false;
	
}


// ************* display product base on list manager **************

function displayitembycat(k1,k2,page)
{
	index=k1;
	index2=k2;
	currentpage=page;
	var i=page * 10;
	var counter=0;
	var k=i+1;
	var str1='<br>';
	str1+='<fieldset class="box600">';
	str1+='<legend><a href="#" onclick="gohome(); return false;" class="navigator">'+listmanager[k1]._mtitle+'</a>&nbsp;';
	str1+='<img src="/image/arrow.gif">&nbsp;<font class="navigatordetail">'+ listmanager[k1].cat[k2]._ctitle+'</font></legend>';
	
	var str2=buildpage(proditems.length,10,2);
	str1+='<br>'+str2;
	while((i < proditems.length)&&(counter < 10))
	{
		var date=proditems[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="showitembycat('+k1+','+k2+','+i+'); return false;">'+proditems[i]._title+'</a></td></tr>';
		str1+='<tr><td width="120"><a href="#" onclick="showitembycat('+k1+','+k2+','+i+'); return false;">';
		str1+='<img src="'+proditems[i]._smallphoto+'" border="0"></a></td>';
		str1+='<td width="400" align="left"><table border="0">';
		str1+='<tr><td>Prod ID</td><td>'+proditems[i]._prodid+'</td></tr>';
		str1+='<tr><td>Price</td><td>$'+proditems[i]._price+'</td></tr>';
		str1+='<tr><td>QTY</td><td>'+proditems[i]._qty+'</td></tr>';
		str1+='<tr><td>Release date</td><td>'+strdate+'</td></tr>';
		str1+='<tr><td>&nbsp;</td><td><a href="#" onclick="buycat('+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++;
	}
	
	str1+= '<br>'+str2;
	str1+='</fieldset>';

	$("#middlepage").html(str1);
	
	return false;
	
}

// **** show each product base on production ************

function showitem(k1,k2,i)
{
	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="getbook('+index+'); return false;" class="navigator">'+prodlist[k1]._mtitle;
	str1+='</a>&nbsp;<img src="/image/arrow.gif">&nbsp;';
	str1+='<a href="#" onclick="displayitem('+k1+','+k2+','+currentpage+'); return false;" class="navigator">'+ prodlist[k1].cat[k2]._ctitle+'</a>&nbsp;';
	str1+='<img src="/image/arrow.gif">&nbsp;<font class="navigatordetail">Product detail</font></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="buy('+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;
	
}


// ******** show each product base on category ************
function showitembycat(k1,k2,i)
{
	var date=proditems[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=proditems[i]._prodid;
	var str1='<br>';
	str1+='<fieldset class="box600">';
	str1+='<legend><a href="#" onclick="gohome(); return false;" class="navigator">'+listmanager[k1]._mtitle;
	str1+='</a>&nbsp;<img src="/image/arrow.gif">&nbsp;';
	str1+='<a href="#" onclick="displayitembycat('+k1+','+k2+','+currentpage+'); return false;" class="navigator">'+listmanager[k1].cat[k2]._ctitle+'</a>&nbsp;';
	str1+='<img src="/image/arrow.gif">&nbsp;<font class="navigatordetail">Product detail</font></legend>';
	
	str1+='<table border="0" cellpadding="5" cellspacing="5">';
	str1+='<tr><td colspan="2">'+proditems[i]._title+'</td></tr>';
	str1+='<tr><td width="120"><fieldset><br><center><a href="#" id="frontcover" title="Front cover">';
	str1+='<img src="'+proditems[i]._smallphoto+'" border="0"></a></center><br>';
	
	if(proditems[i]._largephoto!=null)
	{
		str1+='<fieldset class="item"><a href="#" id="backcover">Back cover</a></fieldset>';
	}
	if(proditems[i]._description!='')
	{
		str1+='<fieldset class="item"><a href="#" id="summary">Description</a></fieldset>';
	}
	str1+='</fieldset></td>';
	str1+='<td width="450" align="left"><table border="0">';
	str1+='<tr><td>Prod ID</td><td>'+proditems[i]._prodid+'</td></tr>';
	str1+='<tr><td>Price</td><td>$'+proditems[i]._price+'</td></tr>';
	str1+='<tr><td>QTY</td><td>'+proditems[i]._qty+'</td></tr>';
	str1+='<tr><td>Release date</td><td>'+strdate+'</td></tr>';
	str1+='<tr><td>&nbsp;</td><td><a href="#" onclick="buycat('+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>';
	
	

	$("#middlepage").html(str1);
	
	$('#backcover').click(function() {
		$('#placephoto').html('<img src="'+proditems[i]._largephoto+'">');							   
	});
	
	$('#frontcover').click(function() {
		$('#placephoto').html('<img src="'+proditems[i]._mediumphoto+'">');							   
	});
	
	$('#summary').click(function() {
		$('#placephoto').html(proditems[i]._description);							   
	});
	
	getsinger(prod_id);
	return false;
	
}


// ************** buy product ***************
function buy(i)
{
	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');	
	}
}


function buycat(i)
{

	var title=proditems[i]._title;
	var price=proditems[i]._price;
	var photo=proditems[i]._smallphoto;
	var prodid=proditems[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');	
	}
}

function buysponsor(i,k2)
{

	var title=sponsor[i].prod[k2]._title;
	var price=sponsor[i].prod[k2]._price;
	var photo=sponsor[i].prod[k2]._smallphoto;
	var prodid=sponsor[i].prod[k2]._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');	
	}
}


// **** update the shopping cart *******
function updatecart()
{
	var str='';
	if(cart.length >0)
	{
		var photo=cart[0]._photo;
		for(var i=0; i < cart.length; i++)
		{	
			var prodid=cart[i]._prodid;
			var title=cart[i]._title;
			var price=cart[i]._price;
			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').html(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 $ ' + decimal(sum));
		if($('#shoppingcart').height() > 400) {
			$('#shoppingcart').addClass('box200a');	
		}
	}
}

// **** display shopping cart ***************
function displaycart()
{
	var str='';
	var i=0;
	var k=1;
	var qty=0;
	var sum=0;
	var countryid='';
	if(cart.length > 0)
	{
		str+='<br><fieldset class="shopcart"><legend>My shopping cart</legend>';
		str+='<table border="1" cellpadding="5" cellspacing="0">';
		str+='<tr class="header"><td>#</td><td>Prod.</td><td>Title</td><td>QTY</td><td>Price</td><td>Del</td></tr>';
		for(i=0; i < cart.length; i++)
		{
			str+='<tr><td>'+k+'</td><td><img src="'+cart[i]._photo+'" width="50" height="50"></td>';
			str+='<td>'+cart[i]._title+'</td><td>1</td><td>$'+cart[i]._price+'</td>';
			str+='<td><a href="#" onclick="deleteorder('+i+'); return false;" class="bigred">X</a></td></tr>';
			sum=parseFloat(sum) + parseFloat(cart[i]._price);
			qty=qty+1;
			k++;
		}
		sum=decimal(sum);
		var total=parseFloat(sum)+parseFloat(fee);
		total=decimal(total);
	
		if(ship.length > 0)
		{
			countryid=ship[0]._countryid;
		}
		str+='<tr><td colspan="3">Subtotal</td><td>'+qty+'</td><td>$'+sum+'</td><td>&nbsp;</td></tr>';
		str+='<tr><td colspan="4"><b>Shipping fee to '+countryid+'</b></td><td>$'+fee+'</td><td>&nbsp;</td></tr>';
		str+='<tr><td colspan="4">Total</td><td>$'+total+'</td><td>&nbsp;</td></tr>';
		str+='</table>';
		str+='<form><input type="button" value="Make payment" class="button" onclick="makepayment();"></form>';
		str+='</fieldset>';
		
		$('#myshoppingcart').html(str);
	} else {
		var str='<br><fieldset><legend>Empty cart</legend>';
		str+='<p>You have not bought any product yet.</p>';
		str+='<p>You need to buy some products before you can check out.</p>';
		str+='<p><a href="#" onclick="getorderstatus();"><img src="/image/arrow.gif" border="0">Check your order history</a></p>';
		str+='</fieldset>';
		$('#myshoppingcart').html(str);
	}
}

// ***** display order status ***************
function displayorderstatus()
{
	if(userid==0)
	{
		window.location.href="/login.php";	
	}
	var str='';
	str+='<br><fieldset class="box300"><legend>My order history</legend>';
	str+='<ol>';
	for(i=0; i < orderstatus.length; i++)
	{
			str+='<li><a href="#" onclick="getmyorder('+i+');">Order # '+orderstatus[i]._ordernumber+'</a>&nbsp;&nbsp;';
			str+='Order date: '+ orderstatus[i]._orderdate+'</li>';
		
	}
		
	str+='</ol></fieldset>';
	$('#submenu').html('');	
	$('#middlepage').html(str);

}

// ******* display payment ***************
function getmyorder(index)
{
	var str='';
	var i=0;
	var k=1;
	var qty=0;
	var sum=0;
	var history=orderstatus[index]._history;
	var summary=orderstatus[index]._summary;
	if(summary==null)
	{
		summary="Your order is in processing.";	
	}
	if(history.length > 0)
	{
		var order_number=orderstatus[index]._ordernumber;
		str+='<br><div id="myorder" class="bkwhite"><fieldset class="shopcart"><legend>My order # '+order_number+'</legend>';
		str+='<div id="orderdate">';
		str+='Order date : '+orderstatus[index]._orderdate+'&nbsp;&nbsp;';
		str+='&nbsp;&nbsp;<a href="#" id="print">Friendly print</a>&nbsp;&nbsp;';
		str+='<a href="#" onclick="'+"$('#submenu').hide();"+'"><img src="/image/icon/close.png" border="0"></a></div>';
		str+='<table border="1" cellpadding="5" cellspacing="0">';
		str+='<tr class="header"><td>#</td><td>Prod. ID</td><td>Title</td><td>QTY</td><td>Price</td></tr>';
		for(i=0; i < history.length; i++)
		{
			str+='<tr><td>'+k+'</td><td><img src="'+history[i]._photo+'" width="50" height="50">&nbsp;'+history[i]._prodid+'</td>';
			str+='<td align="left">'+history[i]._title+'</td><td>1</td><td>$'+history[i]._price+'</td></tr>';
			sum=parseFloat(sum) + parseFloat(history[i]._price);
			qty=qty+1;
			k++;
		}
		sum=decimal(sum);
		var total=parseFloat(sum)+parseFloat(orderstatus[index]._fee); 
		total=decimal(total);
		str+='<tr><td colspan="3" align="left">Subtotal</td><td>'+qty+'</td><td>$'+sum+'</td></tr>';
		str+='<tr><td colspan="4" align="left">Shipping fee</td><td>'+orderstatus[index]._fee+'</td></tr>';
		str+='<tr><td colspan="4" align="left">Total</td><td>$'+total+'</td></tr>';
		str+='</table>';
		str+='</fieldset>';
		str+='<br><fieldset class="shopcart"><legend>About your order</legend>';
		str+='<p>'+summary+'</p>';
		str+='</fieldset></div>';
		
		myorder=str;
		
		var pos=$('#middlepage').offset();
		var left=pos.left + 250;
		var top=pos.top;
		$('#submenu').html('');
		$('#submenu').css({left:left,top:top,'position':'absolute','z-index':'30'});
		$('#submenu').html(str);
		$('#submenu').show("slow");
		$('#print').click(function() {
			window.open("/cart/print.htm","newin","width=500,height=500,menubar=1");						   
		});
	}

}




function decimal(num)
{
	var str=new String(num);
	var str=str.split('.');
	var first=str[0];
	var second=str[1];
	if(second!=undefined)
	{
		second=second.substring(0,2);
	} else {
		second='00';	
	}
	var str2=first+'.'+second;
	return parseFloat(str2);
}

// ****** delete order ***************
function deleteorder(i)
{
	var prod_id=cart[i]._prodid;
	cart=deletearray(cart,i);
	
	$.ajax({type:"post",
		   url:"/cart/delete.php",
		   data:"prod_id="+prod_id,
		   success: function(data) {
			  displaycart();
		   }
	});
}

// delete json object 
function deletearray(arrayname,index)
{
	var temp=new Array();	
	var i=0;
	var k=0;
	
	while(i < arrayname.length)
	{
		if(i!=index)
		{
			temp[k]=arrayname[i];
			k++;
		}
		i++;	
	}
	
	return temp;
}

// **** make payment now ***********
function makepayment()
{
	if(userid==0)
	{
		window.location.href='/login.php';
	} else {
		var prodid=new Array();
		var fee=10.99;
		if(ship[0]._country==26)
		{
			fee=10.99;	
		} else {
			fee=25;	
		}
		for(var i=0; i < cart.length; i++)
		{
			prodid[i]=cart[i]._prodid;	
		}
		payment=null;

		$.getJSON("/cart/paymentjson.php",{'prod_id[]':prodid, fee:fee} ,function(data) {
			payment=data;
			displaypayment();
		});
	}

	
	return false;
}

// ******* display payment ***************
function displaypayment()
{
	var str='';
	var i=0;
	var k=1;
	var qty=0;
	var sum=0;
	if(payment.length > 0)
	{
		var order_number=payment[0]._ordernumber;
		str+='<br><div id="myorder"><fieldset class="shopcart"><legend>My order # '+order_number+'</legend>';
		str+='<div id="orderdate"><a href="#" onclick="friendlyprint();">Friendly print</a></div>';
		str+='<table border="1" cellpadding="5" cellspacing="0">';
		str+='<tr class="header"><td>#</td><td>Prod.</td><td>Title</td><td>QTY</td><td>Price</td></tr>';
		for(i=0; i < payment.length; i++)
		{
			str+='<tr><td>'+k+'</td><td><img src="'+payment[i]._photo+'" width="50" height="50"></td>';
			str+='<td>'+payment[i]._title+'</td><td>1</td><td>$'+payment[i]._price+'</td></tr>';
			sum=parseFloat(sum) + parseFloat(payment[i]._price);
			qty=qty+1;
			k++;
		}
		sum=decimal(sum);
		var total=parseFloat(sum)+parseFloat(payment[0]._fee); 
		total=decimal(total);
		str+='<tr><td colspan="3">Subtotal</td><td>'+qty+'</td><td>$'+sum+'</td></tr>';
		str+='<tr><td colspan="4">Shipping fee</td><td>'+payment[0]._fee+'</td></tr>';
		str+='<tr><td colspan="4">Total</td><td>$'+total+'</td></tr>';
		str+='</table></div>';
	
	str+='<fieldset><br>';	
	str+='<legend><b>Click on pay pal button to make payment online now.</b></legend>';
	str+='<form action="https://www.paypal.com/cgi-bin/webscr" method="post">';
        str+='<input type="hidden" name="cmd" value="_ext-enter">';
        str+='<INPUT TYPE="hidden" NAME="redirect_cmd" VALUE="_xclick">';
        str+='<input type="hidden" name="business" value="khmereshop@yahoo.com">';
        str+='<input type="hidden" name="item_name" value="Purchase products at khmer.org, order # '+order_number+'">';
        str+='<input type=hidden name="amount"  value="'+total+'">';
        str+='<input type=hidden name="item_number" value="'+total+'">';                              
        str+='<input type="hidden" name="image_url" value="http://eshop.khmer.org/image/logo.gif">';
        str+='<input type="hidden" name="return" value="http://eshop.khmer.org/cart/thankyou.php?order_number='+order_number+'">';
        str+='<input type="hidden" name="cancel_return" value="http://eshop.khmer.org">';
        str+='<input type="image" src="/image/paypal1.gif" border="0" name="submit" alt="Make payments with PayPal - it is fast, free and secure!">';
	if(ship.length > 0)
	{
	str+='<INPUT TYPE="hidden" NAME="first_name" VALUE="'+ship[0]._firstname+'">';
        str+='<INPUT TYPE="hidden" NAME="last_name" VALUE="'+ship[0]._lastname+'">';
        str+='<INPUT TYPE="hidden" NAME="address1" VALUE="'+ship[0]._street+'">';
        str+='<INPUT TYPE="hidden" NAME="address2" VALUE="'+ship[0]._province+'">';
        str+='<INPUT TYPE="hidden" NAME="city" VALUE="'+ship[0]._city+'">';
        str+='<INPUT TYPE="hidden" NAME="state" VALUE="'+ship[0]._shortstate+'">';
        str+='<INPUT TYPE="hidden" NAME="zip" VALUE="'+ship[0]._zip+'">';
        str+='<INPUT TYPE="hidden" NAME="lc" VALUE="'+ship[0]._shortcountry+'">';
        str+='<INPUT TYPE="hidden" NAME="email" VALUE="'+ship[0]._email+'">';
	str+='<input type="hidden" name="H_PhoneNumber" value="'+ship[0]._phone+'">';
	}
        str+='</form>';
	str+='</fieldset>';
	$('#myshoppingcart').html(str);
	}

}



function buildpage(len,num,type)
{
	var str='';
	var total=parseInt(len/num);
	var remain=len - (total * num);
	if(remain > 0)
	{
		total=total+1;
	}
	var track=0;
	var i=0;
	if(total > 1)
	{
	str+='<b>Page &nbsp;&nbsp;';
	if(currentpage >= 5)
	{
		var temppage=currentpage + 3;
		if(temppage < total)
		{
			i=currentpage - 3;
		} else {
			i=total - 6;
		}
		
	}
	if(total > 5)
	{
		var minus=currentpage -1;
		if(minus < 0)
		{
			minus=0;	
		}
		if(currentpage==0)
		{
			str+='<span>&nbsp;&nbsp;Previous&nbsp;&nbsp;</span>';
		} else {
			str+='<span>&nbsp;&nbsp;<a href="#" onclick="updatepage('+minus+','+type+');return false;">Previous</a>&nbsp;&nbsp;</span>';
		}
	}
	while(i < total && track < 6)
	{
			var pagenum=i+1;
			if(i==currentpage)
			{
				str+='<span>&nbsp;'+pagenum+'&nbsp;</span>';
			} else {
				str+='<span>&nbsp;<a href="#" onclick="updatepage('+i+','+type+'); return false;">'+pagenum+'</a>&nbsp;</span>';
			}
		
	
		i++;
		track++;
	}
	if(total > 5)
	{
		var plus=currentpage + 1;
		if(plus >= total)
		{
			plus=total - 1 ;	
		}
		var ntotal=total - 1;
		if(currentpage==ntotal)
		{
			str+='<span>&nbsp;&nbsp;Next&nbsp;&nbsp;</span>';
		} else {
			str+='<span>&nbsp;&nbsp;<a href="#" onclick="updatepage('+plus+','+type+'); return false;">Next</a>&nbsp;&nbsp;</span>';
		}
	}
	str+='</b>';
	}
	return str;
}


function updatepage(page,types) 
{
	currentpage=page;
	switch(types)
	{
		case 1:
			displayitem(index,index2,page);
		break;
		case 2:
			displayitembycat(index,index2,page);
		break;
		case 3:
			displaysearchprod(page);
		break;
		
	}
}

function getsinger(prod_id)
{
	$.getJSON("/vendor/singerjson.php", {prod_id:prod_id,id:1}, function(data) {
		actorlist=data.singer;
		song=data.song;
		displayactorlist();
		displaysonglist();
	});
	
}



function displayactorlist()
{
	if(actorlist.length > 0)
	{
	var i=0;
	var num=parseInt(actorlist.length / 2);
	var str='<fieldset class="box600"><legend>Performers</legend>';
	var str1='<ol class="nolist">';
	while(i < num)
	{
		var url='http://club.khmer.org/users/'+actorlist[i]._uid+'/index.php';
		str1+='<li><a href="'+url+'" target="_blank">';
		str1+='<img src="http://club.khmer.org'+actorlist[i]._photo+'" border="0">&nbsp;';
		str1+=actorlist[i]._lastname+', '+actorlist[i]._firstname+'</a></li>';
		i++;
	}
	str1+='</ol>';
	
	var str2='<ol class="nolist">';
	while(i < actorlist.length)
	{
		var url='http://club.khmer.org/users/'+actorlist[i]._uid+'/index.php';
		str2+='<li><a href="'+url+'" target="_blank">';
		str2+='<img src="http://club.khmer.org'+actorlist[i]._photo+'" border="0">&nbsp;';
		str2+=actorlist[i]._lastname+', '+actorlist[i]._firstname+'</a></li>';
		i++;
	}
	str2+='</ol>';
	str+='<table border="0" cellpadding="5" cellspacing="0"><tr><td valign="top">';
	str+=str1 +'</td><td valign="top">' + str2 + '</td></tr></table>';
	str+='</fieldset>';
	$('#placeactor').html(str);
	}
}




function openwin(url)
{
	
	window.open(url,"mywin","width=800,height=700,scrollbar=yes");	
}



function displaysonglist()
{
	if(song.length > 0)
	{
	var i=0;
	var num=parseInt(song.length / 2);
	var str='<fieldset class="box600"><legend>Music and Video</legend>';
	var str1='<ol class="nolist">';
	while(i < num)
	{
		var url="'"+song[i]._url+"'";
		
		str1+='<li><a href="#" onclick="watchtv('+url+','+i+'); return false;">';
		
		str1+=song[i]._title+'<br>';
		str1+='<img src="'+song[i]._photo+'" border="0"></a></li>';
		i++;
	}
	str1+='</ol>';
	
	var str2='<ol class="nolist">';
	while(i < song.length)
	{
		var url="'"+song[i]._url+"'";
		
		str2+='<li><a href="#" onclick="watchtv('+url+','+i+'); return false;">';
		
		str2+=song[i]._title+'<br>';
		str2+='<img src="'+song[i]._photo+'" border="0"></a></li>';
		i++;
	}
	str2+='</ol>';
	str+='<table border="0" cellpadding="5" cellspacing="0"><tr><td valign="top">';
	str+=str1 +'</td><td valign="top">' + str2 + '</td></tr></table>';
	str+='</fieldset>';
	str+='<div id="player"></div>';
	$('#placemusic').html(str);
	}
}





function watchtv(url,index)
{
	var type=song[index]._type;
	var photo='http://club.khmer.org/image/bg/sovath.png';

	$('#player').css({width:400,height:300});
	
	if((type=='mp4')||(type=='mp3'))
	{
		$f("player", "/flowplayer/flowplayer.commercial-3.1.1.swf", {
		key: '#$7b8b4d930c6debe77df',
		clip: {autoPlay:true},
		playlist: [photo,
				   {url:url}],
		 plugins: { 
				 	controls:{ playlist: true,                                
				 	url: '/flowplayer/flowplayer.controls-3.1.1.swf',              
				 	backgroundColor: '#000000'}         
				 } 
		});
		
	} else {

	var str='<br>';
	str+='<div class="insidetv">';
	str+='<OBJECT ID="winMedia" width="350" height="250" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" ';
	str+='codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" ';
	str+='standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject">';
	str+='<PARAM NAME="FileName" VALUE="'+url+'">';
	str+='<PARAM NAME="AutoStart" Value="True">';
	str+='<PARAM NAME="volume" value="100">';
	str+='<PARAM NAME="ShowControls" VALUE="False">';
	str+='<PARAM NAME="ShowStatusBar" VALUE="True">';
	str+='<PARAM NAME="fullScreen" VALUE="False">';
	str+='<PARAM NAME="windowlessVideo" VALUE="true">';
	str+='<EMBED type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/';
	str+='MediaPlayer/" SRC="'+url+'" name="winMedia" autostart=1 width="350" height="250" ShowStatusBar=true ShowControls=true>';
	str+='</EMBED></OBJECT>';
	str+='<br/>';
	str+='<div class="playmenu">';
	str+='<a onclick="document.winMedia.Previous(); return false;"><img src="/image/leftarrow.png"></a>&nbsp;';
	str+='<a onclick="document.winMedia.Stop(); return false;"><img src="/image/stop.png"></a>&nbsp;';
	str+='<a onclick="document.winMedia.Play(); return false;"><img src="/image/play.png"></a>&nbsp;';
	str+='<a onclick="document.winMedia.Pause(); return false;"><img src="/image/pause.png"></a>&nbsp;';
	str+='<a onclick="document.winMedia.Next(); return false;"><img src="/image/rightarrow.png"></a>&nbsp;';
	str+='</div>';
	str+='</div>';
	
	myvideo=str;
	
	var y=(window.screen.height/2) -200;
	var x=(window.screen.width/2) - 100;
	window.open('/video.htm','newin','width=400,height=300,scrollbar=yes,menubar=0,toolbar=no,top='+y+',left='+y);
	}
}



// **** check out shopping cart **************
function checkout()
{
	var item=$('#mycart').sortable('serialize');
	
	if(item=='')
	{
		window.location.href='/cart/index.php';
	} else {
	$.ajax({
		url:"/cart/savejson.php",
		type:"post",
		data:item,
		success: function(data) {
			//$('#mycart').html(data);
			if(userid == 0)
			{
				window.location.href='/login.php';
			} else {
				window.location.href='/cart/index.php';
			}
		}
	});
	}
	
}

function checkout2()
{
	var item=$('#mycart').sortable('serialize');
	
	if(item=='')
	{
		//do nothing
	} else {
	$.ajax({
		url:"/cart/savejson.php",
		type:"post",
		data:item,
		success: function(data) {
			$('#mycart').html(data);
		}
	});
	}
	
}


function logon()
{
	var email=$('#email').val();
	var pass=$('#mypassword').val();
	if((email=='')&&(pass==''))
	{
		$('#submenu').html('<p class="error">Please fill out all the information that indicate asterisk (*).</p>');	
	} else {
	$.ajax({
		url:"/loginresult.php",
		type:"post",
		data:'email='+email+'&mypassword='+pass,
		success: function(data) {
			$('#submenu').html(data);
			$('#submenu').show();
		}
	});
   }
}


function getaccount()
{
	account=null;
	$.getJSON("/profile/profilejson.php", {id:Number(new Date)}, function(data) {
		account=data;
		updateaccount();
	});
	return false	
}

function updateaccount()
{
	$('#firstname').val(account[0]._firstname);
	$('#lastname').val(account[0]._lastname);
	$('#myemail').val(account[0]._email);
	$('#createpassword').val(account[0]._password);
	$('#street').val(account[0]._street);
	$('#zip').val(account[0]._zip);
	$('#phone').val(account[0]._phone);
	$('#city').val(account[0]._city);
	$('#province').val(account[0]._province);

	for(var i=0; i < document.acc.country_id.length; i++)
	{
		if(document.acc.country_id.options[i].value==account[0]._countryid)
		{
			document.acc.country_id.selectedIndex=i;	
		}
	}
	
   for(var i=0; i < document.acc.state_id.length; i++)
	{
		if(document.acc.state_id.options[i].value==account[0]._stateid)
		{
			document.acc.state_id.selectedIndex=i;	
		}
	}
}

// ************ get shipping information ***************
function getshippinginfo()
{
	$.getJSON("/profile/shippinginfo.php", {id:Number(new Date)}, function(data) {
		ship=data;
		displayshippinginfo();
	});
	return false	
}

function displayshippinginfo()
{
	if(ship.length > 0)
	{
	var str='<div id="myaddress"><fieldset class="box250"><legend>Shipping information</legend>';
	str+=ship[0]._lastname+', '+ship[0]._firstname+'<br>';
	str+=ship[0]._street+'<br>';
	str+=ship[0]._city+'<br>';
	str+=ship[0]._stateid+', '+ship[0]._zip+'<br>';
	str+=ship[0]._province+'<br>';
	str+=ship[0]._countryid+'<br>';
	str+=ship[0]._email+'<br>';
	str+=ship[0]._phone+'<br>';
	str+='<p><a href="/login.php"><img src="/image/arrow.gif" border="0" hspace="5">Change address</a></p>';
	str+='</fieldset></div>';
	$('#shipping').html(str);
	
	if(ship[0]._country!=26)
	{
		fee=25.99	
	}
	}
}


function createaccount()
{
	var firstname=$('#firstname').val();
	var lastname=$('#lastname').val();
	var email=$('#myemail').val();
	var pass=$('#createpassword').val();
	var street=$('#street').val();
	var zip=$('#zip').val();
	var phone=$('#phone').val();
	var city=$('#city').val();
	var province=$('#province').val();
	var state=document.acc.state_id.options[document.acc.state_id.selectedIndex].value;
	var country=document.acc.country_id.options[document.acc.country_id.selectedIndex].value;
	if((email=='')&&(lastname=='')&&(firstname=='')&&(street=='')&&(zip=='')&&(city=='')&&(pass==''))
	{
		$('#submenu').html('<p class="error">Please fill out all the information that indicate asterisk (*).</p>');	
	} else {
	$('#submenu').load("/account.php", {lastname:lastname,firstname:firstname,province:province,
			  email:email,mypassword:pass,street:street,city:city,state_id:state,
			  country_id:country,zip:zip,phone:phone,id:Number(new Date)}, function(data) {
	});
	}
	return false	
}

function rollover(divid)
{
 	$(divid).hover(
      function () {
		$(this).css({'opacity':'0.5'});
      }, 
      function () {
        $(this).css({'opacity':'1'});
      }
    );
	
}

// ***** delete item from shopping cart **************

function del(id)
{

	$('#prodid_'+id).remove();	
	
	var sum=0;
	$('span.price').each(function() {
		var myprice=new Number($(this).text());
		sum=sum+myprice;						  
	});
	$('#mytotal').html('Total $ ' +sum);
	
	if($('#shoppingcart').height() < 300) {
		$('#shoppingcart').removeClass('box200a');	
	}
	
	$.ajax({type:"post",
		   url:"/cart/delete.php",
		   data:"prod_id="+id,
		   success: function(data) {
			  //do nothing
		   }
	});
}
 
function displaycountry()
{
	var str='';
	for(var i=0; i < country.length; i++)
	{
		str+='<option value="'+country[i]._countryid+'">'+country[i]._title+'</option>';	
		
	}
	$('#country_id').html(str);
	
	
	var str='';
	for(var i=0; i < state.length; i++)
	{
		str+='<option value="'+state[i]._stateid+'">'+state[i]._title+'</option>';	
		
	}
	$('#state_id').html(str);
}

function contact()
{
	var str='<br><fieldset class="box600"><legend>Contact us</legend>';
	str+='<img src="/image/staff.gif" align="right">';
	str+='<p>Khmer.org</p>';
	str+='<p>P.O.Box 977</p>';
	str+='<p>Lowell,MA. 01853</p>';
	str+='<p>Tel. (978) 319-5628</p>';
	str+='<p>E-Mail: <a href="mailto:khmereshop@yahoo.com">KhmerEshop@yahoo.com</a></p>';
	str+='<p>Yahoo I.M. KhmerEshop</p>';
	str+='<ul>';
	str+='<li><a href="#" onclick="getorderstatus();">My order history</a></li>';
	str+='<li><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="newin">';
	str+='<input type="hidden" name="cmd" value="_xclick">';
	str+='<input type="hidden" name="business" value="khmereshop@yahoo.com">';
	str+='<input type="hidden" name="item_name" value="money transfer to khmer.org account">';
	str+='<input type="hidden" name="image_url" value="http://eshop.khmer.org/image/logo.gif">';
	str+='<input type="hidden" name="return" value="http://eshop.khmer.org">';
	str+='<input type="hidden" name="cancel_return" value="http://eshop.khmer.org">';
	str+='<input type="image" src="/image/paypal1.gif" border="0" name="submit" alt="Make payments with PayPal - it is fast, free and secure!">';		
	str+='</form></li>';
	str+='</ul></fieldset>';

	$("#submenu").html('');
	
	$('#middlepage').html(str);
	
}


// ******** show each product base on category ************
function showprodsponsor(k1,k2)
{
	var prod=sponsor[k1].prod[k2];
	var date=prod._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=prod._prodid;
	var str1='<br>';
	str1+='<fieldset class="box600">';
	str1+='<legend><a href="#" onclick="gohome();">Home</a><img src="/image/arrow.gif">'+sponsor[k1]._ctitle +'</legend>';
	str1+='<table border="0" cellpadding="5" cellspacing="5">';
	str1+='<tr><td colspan="2">'+prod._title+'</td></tr>';
	str1+='<tr><td width="120"><fieldset><br><center><a href="#" id="frontcover" title="Front cover">';
	str1+='<img src="'+prod._smallphoto+'" border="0"></a></center><br>';
	if(prod._largephoto!=null)
	{
		str1+='<fieldset class="item"><a href="#" id="backcover" title="Back cover">Back cover</a></fieldset>';
	}
	if(prod._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>'+prod._prodid+'</td></tr>';
	str1+='<tr><td>Price</td><td>$'+prod._price+'</td></tr>';
	str1+='<tr><td>QTY</td><td>'+prod._qty+'</td></tr>';
	str1+='<tr><td>Release date</td><td>'+strdate+'</td></tr>';
	str1+='<tr><td>&nbsp;</td><td><a href="#" onclick="buysponsor('+k1+','+k2+'); 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>';

	

	$("#middlepage").html(str1);
	
	$('#backcover').click(function() {
		$('#placephoto').html('<img src="'+prod._largephoto+'">');							   
	});
	
	$('#frontcover').click(function() {
		$('#placephoto').html('<img src="'+prod._mediumphoto+'">');							   
	});
	
	$('#summary').click(function() {
		$('#placephoto').html(prod._description);							   
	});
	
	getsinger(prod_id);
	return false;
	
}

function gohome()
{
	$('#submenu').html('');
	$('#middlepage').html('');
	displaynewrelease();
	displaysponsor();
	displaycategory();
}
 
function flyimage(divid,photo)
{
	
		var str='';
		str=str+'<img src"'+photo+'">';
		var pos=$("#"+divid).offset();
		var top=pos.top;
		var left=pos.left;
		var x=pos.left;
		
		$('#submenu').html(str);
		$('#submenu').css({left:left,top:top,'z-index':'10'});
		$('#submenu').show('slow');
		$('div.cart').animate({left:x+100,
					duration: 60,
					top: top+10},3000,
					function() {
						
					}
		);
		
} 

// minimize menu by pass in div id
var mflag=false;
function minimize(minimizedivid,dividimage)
{
	if(mflag==false)
	{
		$(dividimage).html('<img src="/image/icon/plus.png" border="0" />');
		mflag=true;
		$(minimizedivid).hide('slow');
	} else {
		$(dividimage).html('<img src="/image/icon/minus.png" border="0" />');
		mflag=false;
		$(minimizedivid).show('slow');
	}
	
}


var pflag=false;
function pageoptions(divid)
{
	var str='';
	str+='<div class="pageoptionmenu">';
	str+='<fieldset class="bkground"><a href="#" id="color1">color 1</a></fieldset>';
	str+='<fieldset class="bkground2"><a href="#" id="color2">color 2</a></fieldset>';
	str+='<fieldset class="bkground3"><a href="#" id="color3">color 3</a></fieldset>';
	str+='<fieldset class="bkground4"><a href="#" id="color4">color 4</a></fieldset>';
	str+='<fieldset class="bkground5"><a href="#" id="color5">color 5</a></fieldset>';
	str+='<fieldset class="bkground6"><a href="#" id="color6">color 6</a></fieldset>';
	str+='</div>';
	
	var pos=$(divid).offset();
	var left=pos.left - 10;
	var top=pos.top+15;
	$("#submenu").css({top:top,left:left,'position':'absolute'});
	if(pflag==false)
	{
		$("#submenu").html(str);
		$("#submenu").show("slow");
		pflag=true;
	} else {
		
		$("#submenu").hide("slow");
		pflag=false;
	}
	
	$("#color1").click(function() {
		$("body").removeClass();
		$("body").addClass("bkground");
		$("#footer").removeClass();
		$("#footer").addClass("bkground");
		$("#innerbody").removeClass();
		$("#innerbody").addClass("bkwhite");
		$("#toplogo").removeClass();
		$("#toplogo").addClass("box800");
		
	});
	
	$("#color2").click(function() {
		$("body").removeClass();
		$("body").addClass("bkground2");
		$("#footer").removeClass();
		$("#footer").addClass("bkground2");
		$("#innerbody").removeClass();
		$("#innerbody").addClass("bgbody2");
		$("#toplogo").removeClass();
		$("#toplogo").addClass("bgbody2");
	});
	$("#color3").click(function() {
		$("body").removeClass();
		$("body").addClass("bkground3");
		$("#footer").removeClass();
		$("#footer").addClass("bkground3");
		$("#innerbody").removeClass();
		$("#innerbody").addClass("bgbody3");
		$("#toplogo").removeClass();
		$("#toplogo").addClass("bgbody3");
	});
	$("#color4").click(function() {
		$("body").removeClass();
		$("body").addClass("bkground4");
		$("#footer").removeClass();
		$("#footer").addClass("bkground4");
		$("#innerbody").removeClass();
		$("#innerbody").addClass("bgbody4");
		$("#toplogo").removeClass();
		$("#toplogo").addClass("bgbody4");
	});
	$("#color5").click(function() {
		$("body").removeClass();
		$("body").addClass("bkground5");
		$("#footer").removeClass();
		$("#footer").addClass("bkground5");
		$("#innerbody").removeClass();
		$("#innerbody").addClass("bgbody5");
		$("#toplogo").removeClass();
		$("#toplogo").addClass("bgbody5");
	});
	$("#color6").click(function() {
		$("body").removeClass();
		$("body").addClass("bkground6");
		$("#footer").removeClass();
		$("#footer").addClass("bkground6");
		$("#innerbody").removeClass();
		$("#innerbody").addClass("bgbody6");
		$("#toplogo").removeClass();
		$("#toplogo").addClass("bgbody6");
	});
}

var sflag=false;
function aboutsupport(divid)
{
	var str='';
	str+='<fieldset class="box300yellow"><legend>Work best with I.E.</legend>';
	str+='<a href="http://www.microsoft.com/windows/downloads/default.aspx"><img src="/image/ie.jpg" border="0" align="left"></a>';
	str+='<p>If you want to experience with fast download and web 2.0 technology, we strongly recommend you to use ';
	str+='Microsoft Internet Explorer 6.0 or 7.0 or 8.0 or higher. Microsoft Internet Explorer is fully support web 2.0 ';
	str+='technology because it has cache mechanism that built into the browser.</p>';
	str+='<p>If you are using Safari or FireFox, you will have experience in slow downloading. The FireFox and Safari browser do not ';
	str+='have mechanical cache built into the browser.</p>';
	str+='</fieldset>';
	var pos=$(divid).offset();
	var left=pos.left-280;
	var top=pos.top+50;
	$('#submenu').css({left:left,top:top,'position':'absolute'});
	if(sflag==false)
	{
		$('#submenu').html(str);
		$('#submenu').show('slow');
		sflag=true;
	} else {
		$('#submenu').hide('slow');
		sflag=false;
	}
}


function sendmoney()
{
	var str='';	
	str+='<br><fieldset class="box600"><legend class="subtitle">Send money to Cambodia</legend>';
	str+='<form name="sendmoney" action="" onsubmit="return false">'
	str+='<img src="/image/sendmoney.gif"  hspace="5" align="bottom"><br>';
	str+='<p id="senderror" class="bigred"><p>';
	str+='<fieldset>';
	str+='<legend class="header">Fill out information of a person who send the money.</legend>';
	str+='<p>Last name:&nbsp;<input type="text" size="20" id="lastname" maxlength="100">';
	str+='&nbsp;First name:&nbsp;<input type="text" size="20" id="firstname" maxlength="100"></p>';
	str+='<p>Phone:&nbsp;&nbsp;<input type="text" size="30" id="phone" maxlength="30"></p>';
	str+='<p>E-Mail: <input type="text" size="30" id="email" maxlength="250"></p>';
	str+='</fieldset><br>';
	str+='<fieldset>';
	str+='<legend class="header">Fill out information of a person who suppose to receive money.</legend>';
	str+='<p>Last name:&nbsp;<input type="text" size="20" id="rlastname" maxlength="100">';
	str+='&nbsp;First name:&nbsp;<input type="text" size="20" id="rfirstname" maxlength="100"></p>';
	str+='<p>Phone:&nbsp;&nbsp;<input type="text" size="30" id="rphone" maxlength="30"></p>';
	str+='<p>E-Mail: <input type="text" size="30" id="remail" maxlength="250"></p>';
	str+='<p>City:&nbsp;&nbsp;&nbsp; <select name="city">';
	str+='<option value="Phnom Penh">Phnom Penh</option>';
	str+='<option value="Battambong">Battambong</option>';
	str+='<option value="Siem reap">Siem reap</option>';
	str+='<option value="Kompong charm">Kompong Charm</option>';
	str+='<option value="Kompong Speur">Kompong Speur</option>';
	str+='<option value="Kroches">Kroches</option>';
	str+='<option value="Other">Other</option>';
	str+='</select></p>';
	str+='<p>Other city: <input type="text" size="50" maxlength="100" id="othercity"></p>';
	str+='<p>Amount : <select name="amount">';
	str+='<option value="100">100</option>';
	str+='<option value="200">200</option>';
	str+='<option value="300">300</option>';
	str+='<option value="400">400</option>';
	str+='<option value="500">500</option>';
	str+='</select></p>';
	str+='</fieldset>';
	str+='<p><a href="#" id="moneysubmit"><img src="/image/submit.png" border="0"></a></p>';
	str+='</form></fieldset>';
	
	$('#middlepage').html(str);
	$('#submenu').html('');
	$('#moneysubmit').click(function() {
		var lastname=$('#lastname').val();	
		var firstname=$('#firstname').val();
		var phone=$('#phone').val();
		var email=$('#email').val();
		var rlastname=$('#rlastname').val();	
		var rfirstname=$('#rfirstname').val();
		var rphone=$('#rphone').val();
		var remail=$('#remail').val();
		var city=document.sendmoney.city.options[document.sendmoney.city.selectedIndex].value;
		var amount=document.sendmoney.amount.options[document.sendmoney.amount.selectedIndex].value;
		var fee=25;
		if(city=='Phnom Penh')
		{
			fee=15;
		}
		
		var totalfee=(parseInt(amount) / 100) * fee;
		var total=parseInt(amount) + parseInt(totalfee);
		if((rlastname=='')||(rfirstname=='')||(rphone=='')||(phone=='')||(email=='')||(lastname=='')||(firstname==''))
		{
			$('#senderror').html('You need fill out all the information on this form before you can submit.');	
		} else {
			$('#senderror').html('');	
			var str='<br><fieldset class="box600">';
			str+='<h3>Please verify information below.</h3>';
			str+='<div id="submitnow">';
			str+='<br><fieldset><legend class="header">From</legend>';
			str+='<p>Name: '+ lastname +', ' + firstname+'</p>';
			str+='<p>Phone: '+ phone +'</p>';
			str+='<p>E-Mail: '+ email +'</p>';
			str+='</fieldset>';
			str+='<br>';
			str+='<fieldset><legend class="header">To</legend>';
			str+='<p>Name: '+ rlastname +', ' + rfirstname+'</p>';
			str+='<p>Phone: '+ rphone +'</p>';
			str+='<p>E-Mail: '+ remail +'</p>';
			str+='<p>City: '+ city +'</p>';
			str+='<p>Other city: '+ $('#othercity').val() +'</p>';
			str+='<p>Amount: $'+ amount +'</p>';
			str+='<p>Fee:&nbsp;&nbsp;&nbsp;$'+totalfee+'</p>';
			str+='<p>Total:&nbsp;$'+total+'</p>';
			str+='</fieldset>';
			str+='</div>';
			str+='<p id="paybtn"><a href="#" id="submitbtn"><img src="/image/submit.png" border="0"></a></p>';
			str+='</fieldset>';
			$('#middlepage').html(str);
			$('#submitbtn').click(function() {
				var info=$('#submitnow').html();
				$.getJSON("/sendnowjson.php",{info:info,id:Number(new Date)}, function(data) {
																					   
					paypal(total,data._id,'#paybtn');																	   
				});
										   
			});
		}
									 
	});
	
}

function paypal(total,id,divid)
{
		var str='';
		str+='<br><fieldset class="box600">';	
		str+='<legend><b>Click on pay pal button to make payment online now.</b></legend>';
		str+='<form action="https://www.paypal.com/cgi-bin/webscr" method="post">';
        str+='<input type="hidden" name="cmd" value="_ext-enter">';
        str+='<INPUT TYPE="hidden" NAME="redirect_cmd" VALUE="_xclick">';
        str+='<input type="hidden" name="business" value="khmereshop@yahoo.com">';
        str+='<input type="hidden" name="item_name" value="Send money to Cambodia . ID '+id+'">';
        str+='<input type=hidden name="amount"  value="'+total+'">';
        str+='<input type=hidden name="item_number" value="'+total+'">';                              
        str+='<input type="hidden" name="image_url" value="http://eshop.khmer.org/image/logo.gif">';
        str+='<input type="hidden" name="return" value="http://eshop.khmer.org/thankyou.php">';
 str+='<input type="hidden" name="cancel_return" value="http://eshop.khmer.org">';
str+='<input type="image" src="/image/paypal1.gif" border="0" name="submit" alt="Make payments with PayPal - it is fast, free and secure!">';
	str+='</form>';
	
	$(divid).html(str);
}
 
$(document).ready(function() {
	getshippinginfo();
  $("div.popup_msg").ajaxStart(function(){
	 var x=window.screen.width/2;
	 var y=window.screen.height/2;
	$('div.popup_msg').css({left:x,top:y});
  	$('div.popup_msg').html("<img src='/image/ajax-loader.gif'>");
   	$('div.popup_msg').show('slow');
 	});		
  
  
	 $("div.popup_msg").ajaxSuccess(function(evt, request, settings){
		$('div.popup_msg').html('');
   		$('div.popup_msg').hide('slow');
 	});
     
	 getproduction();
	 
	 
});
