var tmpleft = null;
var tmptop = null;
var compare_product = null;
var total_product = 0;
var _compare_max_picture_size = 40;

$(document).ready(function()
{
	$("#compare_dialog").dialog({
			autoOpen: false,
			bgiframe: true,
			width: 500,
			height: 350,
			closeOnEscape: true,	
			resizable: false,
			draggable: true,
			modal: false
			
		});
	
	$('#compare_dialog').bind('dialogclose', function(event, ui) {
		document.getElementById('compare_data').style.display = ''; //unhide
		document.getElementById('compare_succeed').style.display = 'none'; 		
		document.getElementById('compare_failed').style.display = 'none'; 
		
		
	});	
});	


function ShowCompareDialog(left, top)
{	
	AddProductCompare(0, left, top);
}

function __ShowCompareDialog(left, top)
{			
	if(!$("#compare_dialog").dialog('isOpen'))
	{
		var size = new Array(2);
		size[0] = 0;
		size[1] = 0;
			
		if(left != null)
		{
			size[0] = left;
		}
		
		if(top != null)
		{				
			size[1] = top
		}	
		
		if(left != null || top != null)
		{		
			$('#compare_dialog').dialog('option', 'position', size);
			
		}
		else
		{		
			$('#compare_dialog').dialog('option', 'position', 'center');
		}
		
		$("#compare_dialog").dialog('open');
	}
	
}

function CloseCompareDialog()
{
	$("#compare_dialog").dialog('close')
}

function AddProductCompare(product_detail_id, left, top)
{
	//alert(product_detail_id);
	try
	{				
		if(product_detail_id == null)
		{
			return;	
		}
	
		tmpleft = left;
		tmptop = top;
		var url = document.getElementById('web_server_tak').value + "/compare/add/" + product_detail_id;
		//alert(url);				
		var postStr = "";
		
		req.open("POST",url,true);
		
		req.onreadystatechange = AddProductCompareCallback;
		
		req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		
		req.setRequestHeader("Content-length", postStr.length);
		
		req.setRequestHeader("Connection", "close");
		
		req.send(postStr);
		
	}
	catch(e)
	{
		alert(e);
	}
}

function AddProductCompareCallback()
{	
	if(req.readyState == 4) 
	{
      if(req.status == 200) 
      {      
          try
          {			  
			  var response = null;
			  if(req.responseText == "")
			  {
				 return;  
			  }
			  else
			  {
				//alert(req.responseText);
			  	response = JSON.parse(req.responseText);
				
								
				if(response['error']['error_code'] != 0)	// error
				{					
					document.getElementById('compare_message').innerHTML = response['error']['message'];					
				}
				else
				{					
					document.getElementById('compare_message').innerHTML = " ";	// clear					
				}
				__UpdateProduct(response);
				__ShowCompareDialog(tmpleft, tmptop);
				
			  }
          }
          catch(e)
          {
            alert(e + "105");
          }
          
      }
      else
      {
        //alert(req.responseText + "111");
        
      }
    }
    else
    {
        //alert(req.readyState + "-117");
    }
}

function __UpdateProduct(product)
{	
	compare_product = product['a_product'];
	var html = '<table style="margin:0px auto 0px auto;text-align:center;" width="100%" cellpadding="2" cellspacing="1"  class="mytable2" > ';
	html += "<tr><th>ลำดับ</th><th>ภาพสินค้า</th><th>ชื่อสินค้า</th><th>ลบ</th></tr>";
	var web_server = document.getElementById('web_server_tak').value;
	var count = 0;
	for(var product_detail_id in compare_product)
	{
		count = count + 1;
		html += "<tr>";
		html += '<td width="30px">' + count + "</td>";
		//html += "<td>P" + LeadingZero(product_detail_id, 7); + "</td>";
		html += "<td><img src=\"" + 
		web_server + '/' + document.getElementById('static_path').value + "/images/product/thumbnails/" + 
		compare_product[product_detail_id]['picture_name'] + "\" ";
		
		if(compare_product[product_detail_id]['most_width'] == '1')
		{
			html += 'width=' + _compare_max_picture_size + 'px"';	
		}
		else
		{
			html += 'height=' + _compare_max_picture_size + 'px"';
		}
		html += " /></td>";
		
		html += "<td>" + compare_product[product_detail_id]['product_name'] + "</td>";
		//html += "<td><a href='javascript::void(0);' onclick=\"DeleteProduct(" + product_detail_id + ")\" >ลบ</a></td>";
		html += "<td><a href='javascript::void(0);' onclick=\"DeleteProduct(" + product_detail_id + ")\" ><img border=\"0\" src=\"" + 
		web_server + '/' + document.getElementById('static_path').value + "/images/icon/trash_delete_16.gif\" </a></td>";
		html += "</tr>";
	}
	total_product = count;
	html += "</table>";
	
	if(count != 0)
	{		
		document.getElementById('div_product_list').innerHTML = html;
	}
	else
	{
		document.getElementById('div_product_list').innerHTML = "<font color=\"#FF0000\">ไม่มีสินค้าในรายการเปรียบเทียบ</font>";
	}
	
	// Update item count in shopping cart area
	jQuery.get(document.getElementById('web_server_tak').value + "/compare/GetCount", {}, function(data)
	{					
		document.getElementById('div_compare_item').innerHTML = data;
	});
}

function DeleteProduct(product_detail_id)
{	
	try
	{				
		if(product_detail_id == null)
		{
			return;	
		}
	
		var url = document.getElementById('web_server_tak').value + "/compare/delete/" + product_detail_id;
						
		var postStr = "";
		
		req.open("POST",url,true);
		
		req.onreadystatechange = DeleteCallback;
		
		req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		
		req.setRequestHeader("Content-length", postStr.length);
		
		req.setRequestHeader("Connection", "close");
		
		req.send(postStr);
		
		//alert('sad');
	}
	catch(e)
	{
		alert(e);
	}
}

function DeleteCallback()
{	
	if(req.readyState == 4) 
	{
      if(req.status == 200) 
      {      
          try
          {
			  //alert('sad');
			  var response = null;
			  if(req.responseText == "")
			  {
				 return;  
			  }
			  else
			  {
				
			  	response = JSON.parse(req.responseText);
				
				if(response['error']['error_code'] != 0)	// error
				{					
					document.getElementById('compare_message').innerHTML = response['error']['message'];		
				}
				else
				{										
					document.getElementById('compare_message').innerHTML = "&nbsp;";	// clear				
					
				}
				__UpdateProduct(response);
				
			  }
          }
          catch(e)
          {
            alert(e + "105");
          }
          
      }
      else
      {
        //alert(req.responseText + "111");
        
      }
    }
    else
    {
        //alert(req.readyState + "-117");
    }
}

function ClearProduct()
{	
	try
	{				
		
		var url = document.getElementById('web_server_tak').value + "/compare/clear";
						
		var postStr = "";
		
		req.open("POST",url,true);
		
		req.onreadystatechange = ClearCallback;
		
		req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		
		req.setRequestHeader("Content-length", postStr.length);
		
		req.setRequestHeader("Connection", "close");
		
		req.send(postStr);
		
		//alert('sad');
	}
	catch(e)
	{
		alert(e);
	}	
}

function ClearCallback()
{	
	if(req.readyState == 4) 
	{
      if(req.status == 200) 
      {      
          try
          {
			  //alert('sad');
			  var response = null;
			  if(req.responseText == "")
			  {
				 return;  
			  }
			  else
			  {				
			  	//alert(req.responseText);
			  	response = JSON.parse(req.responseText);
								
				if(response['error']['error_code'] != 0)	// error
				{					
					document.getElementById('compare_message').innerHTML = response['error']['message'];
					
				}
				else
				{										
					document.getElementById('compare_message').innerHTML = "&nbsp;";	// clear					
					
				}
				__UpdateProduct(response);
				
			  }
          }
          catch(e)
          {
            alert(e + "105");
          }
          
      }
      else
      {
        //alert(req.responseText + "111");
        
      }
    }
    else
    {
        //alert(req.readyState + "-117");
    }
}

function CompareProduct()
{
	if(compare_product != null)
	{		
		if(total_product == 0)
		{
			alert("ไม่มีสินค้าที่ต้องการจะเปรียบเทียบ");
			return;
		}
		
		//alert('sad');
		var web_server = document.getElementById('web_server_tak').value;
		window.location = web_server + "/compare/view";	
	}
	else
	{
		alert("ไม่มีสินค้าที่ต้องการจะเปรียบเทียบ");
		return;
	}
}