var baseUrl = "https://www.flatpanels.dk/widget/"
var positiveIcon = "BF-up.png";
var negativeIcon = "BF-down.png";
var currentRequest = null; 

var positiveSrc = baseUrl + "images/" + positiveIcon;
var negativeSrc = baseUrl + "images/" + negativeIcon;

function include(filename, onload) {
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.src = filename;
    script.type = 'text/javascript';
    script.onload = script.onreadystatechange = function() {
        if (script.readyState) {
            if (script.readyState === 'complete' || script.readyState === 'loaded') {
                script.onreadystatechange = null;                                                  
                onload();
            }
        } 
        else {
            onload();          
        }
    };
    head.appendChild(script);
}

include('/js/jquery-1.9.1.min.js', function() {
	var $pr = jQuery.noConflict( true );
	var fieldIdent = "productsearcher";
	
	
    $pr(window).delay(800).queue(function() {
        initializeWidget();
    });
	
	function initializeWidget() {
		if($pr('.price-link').length > 0) {
			//Perform actions here

			collectProducts();
		} else {
			if (window.console) {
				console.log("No widgets found");
			}
		}
	}
	
	function collectProducts() {
		var productIds = [];
		$pr('.price-link').each(function() {
			if($pr(this).attr('data-product-id')) {
				productIds.push($pr(this).attr('data-product-id'));
			}
		});

		if(productIds.length > 0) {
			ajaxToPr(productIds);
		}

		
	}
	
	function ajaxToPr(query) {
		if(currentRequest != null) {
			currentRequest.abort();
		}		
		
		currentRequest = $pr.ajax({
			type: "POST", 
			url : baseUrl + 'proxy2021.php',
			data: {
				'products' : encodeURIComponent(query),
				'client' : 'flatpanelsdk'
			},
			beforeSend : function()    {           
				if(currentRequest != null) {
					currentRequest.abort();
				}
			},			
		}).done(function(data)  {
			if(data) {
				for (var i = 0; i < data.length; i++) {
					var tmp = data[i];
					var findClass = $pr("[data-product-id='"+tmp.productid+"']").each(function() {
						var mode = 1;
						if($pr(this).attr('data-mode')) {
							mode = $pr(this).attr('data-mode');
						}

						if(mode == 1) {
							$pr(this).text(tmp.price);
						} else if(mode == 3) {
							$pr(this).text(tmp.merchant);
						}

						$pr(this).attr('href', tmp.url);
					})
				}
			}
		}).fail(function()  {
			//Failed
		}); 
	}
	
	function animateAllThumbs() {
		$pr( ".pr_widget_img" ).each(function() { 
			$pr(this).delay(100).fadeIn( "slow", function() {}).animate({ opacity: '1.0', height: '24px', width: '24px' });	
		});
	}
	
	function keyUpOnSearch(event) {
		$pr('#' + fieldIdent + "_results").html("");
		
		var code = event.keyCode || event.which;
		var text = $pr( "#" + fieldIdent ).val();
		var size = $pr( "#" + fieldIdent ).val().length;
		var yourPrice = $pr('#' + fieldIdent + "_price").val();
		
		if(size > 3 && yourPrice != "") {
			ajaxToPr(text);
		}	
	}
	
	function cleanInputField() {
		var currentVal = $pr('#' + fieldIdent + "_price").val();
		currentVal = currentVal.replace(/[^\d]+/,'');
		$pr('#' + fieldIdent + "_price").val(currentVal);		
	}
	
	
	function bindToPriceField() {
		$pr( "#" + fieldIdent + "_price").keyup(function(event) {
			event.preventDefault();
			cleanInputField();
		});
	}
	
	function bindToSearchField() {
		$pr( "#" + fieldIdent ).unbind();
		$pr( "#" + fieldIdent ).keyup(function(event) {
			keyUpOnSearch(event);
		});		
	}
});