// JavaScript Document
// Load JSON product data from Magento, var:store= 1 (aus) or 2 (us)
var ps_state = false;
var products_data = new Object();
var isReady = false;
$(document).ready(function(){ 
	$("#psTab").click(function(){
							   if(!isReady){
							   		getProductData(1);
							   }else{
							   		togglePS();
							   }
						});
	$(".ps-page-tab").empty().append("Click here to browse products by sub-categories with our easy-to-use Product Filter");
	
	$("#psTab").corners("top 10");
	$("#prodSel").hide();
	$("#dynamicProductList").hide();
	//getProductData(1);
	$(window).keydown(function(event){
			switch(event.keyCode){
				case 40:
					togglePS();
				default:
					break;
			}
	})
});
function togglePS(){
	
		if(ps_state){
			$("#prodSel").slideUp('fast');
			$("#dynamicProductList").hide();
			$("#landingPages").show();
			$(".featTitle").empty().append("Filtered Products");
			$(".ps-page-tab").empty().append("Click here to browse products by sub-categories with our easy-to-use Product Filter");
			
			$("#psTab").corners("top 10");
			//query("","","","");
			ps_state = false;
		}else{
			$("#prodSel").slideDown('fast');
			$("#dynamicProductList").show();
			$("#landingPages").hide();
			$(".featTitle").empty().append("Product Search Results");
			$(".ps-page-tab").empty().append("Click here to close Product Filter");
			$("#psTab").corners("top 10");
			ps_state = true;
		}
	
		
	
}
function getProductData(location){
	$(".ps-page-tab").empty().append("<img src='mysite/images/ajax-loader.gif'>&nbsp;&nbsp;Product Filter is loading ...");
	$("#psTab").corners("top 10");
$.post("http://www.origoeducation.com/products/jsonShopProducts", { store: location},
  function(data){
	products_data = data.products
	isReady = true;
	//query("","","","","");
	togglePS();
  },"json");
}
function query(age,strand,format,author){
	var age = age.split(",");
	var strand = strand.split(",");
	var format = format.split(",");
	var author = author.split(",");
	var filtered_data = new Array();
	for (var p=0;p<products_data.length;p++){
		var obj = products_data[p];
		var passA = false;
		var passB = false;
		var passC = false;
		var passD = false;
		// check for age //
		if(age!=undefined && age[0]!=""){
			passA = false;
			for(var i=0;i<age.length;i++){
				if(obj.age.toLowerCase().lastIndexOf(age[i].toLowerCase())>-1) passA = true;
			}
		}else{
			passA = true;
		}
		// check for strand //
		if(strand!=undefined && strand[0]!=""){
			passB = false;
			for(var i=0;i<strand.length;i++){
				if(obj.strand.toLowerCase().lastIndexOf(strand[i].toLowerCase())>-1) passB = true;
			}
		}else{
			passB = true;
		}
		// check for format //
		if(format!=undefined && format[0]!=""){
			passC = false;
			for(var i=0;i<format.length;i++){
				if(obj.format.toLowerCase().lastIndexOf(format[i].toLowerCase())>-1) passC = true;
			}
		}else{
			passC = true;
		}
		// check for author //
		if(author!=undefined && author[0]!=""){
			passD = false;
			for(var i=0;i<author.length;i++){
				if(obj.author.toLowerCase().lastIndexOf(author[i].toLowerCase())>-1) passD = true;
			}
		}else{
			passD = true;
		}
		if(passA && passB && passC && passD) {
			filtered_data.push(obj);
		}
		
	}
	buildProducts(filtered_data);
	
}
function buildProducts(data){
		var cats = new Array("Core Program","Classroom Material","Technology Resource","Teacher Resource");
		data.length==1?match_text='match':match_text='matches';
		var html = '<div id="productSelectorContent"><div class="ps-featTitle">Selected Products ('+data.length+' '+match_text+')</div><div class="ps-page-cntr">';
		if(data.length>0){
			for(var c=0;c<cats.length;c++){
				if(c==0){
					html+="<div class='ps-page-left'>";
				}else if(c==1){
					html+="</div><div class='ps-page-right'>";
				}
				html += "<p><h3>"+cats[c]+"</h3></p><ul>";
				var sc=0;
				for	(var i=0;i<data.length;i++){
					var obj = data[i];
					if(String(obj.category).lastIndexOf(cats[c]) > -1){
						html += '<li class="ps-page-item"><img src="http://www.origoeducation.com/thumb/thumb.php?src='+obj.image_link+'&x=30&y=30&f=0&t=-1" alt="" width="30" height="30"><a class="product-name" href="'+obj.link+'" title="'+obj.title+'">'+obj.title+'</a></li>';			
						sc++;
					}
				}
				if(sc==0) html+= "No products found in this category.";
					html += "</ul>";
				}
 				html +='</div><div class="clear"></div></div></div>';
				$("#dynamicProductList").empty().append(html);
		}else{
			$("#dynamicProductList").empty().append(html+"No products met the search criteria. Please try a different search.</div><div class='clear'></div></div></div>");
		}
	
}