<!--
// slingshot client side code
// Copyright SDMV
var baseURL = "http://dev.darlo.co.uk/";
var callback = "callback=?";
var retailerTxt = "<img src='/wp-content/themes/bfc/images/slingshot/logo.png'  height='50' align='right' /> <br> Add Blacksticks Blue to your online shopping basket!";
var rememberTxt = "Remember me? We advise this as you will not have to type your details in again. Leave unticked if on a shared machine.";
var selectTxt = "Please select where you shop";
var quanTxt = "Quantity "
var validTxt = "<a href='http://www.slingshotshopping.com/valid/butlers/'target='_blank' >Check if this link is valid</a><br><br<img src='images/sslogo.png'  height='30px' align='middle' />";
var whatisTxt = "<a href='http://www.slingshotshopping.com' target='_blank'>What Is Slingshot?</a> - <a href='http://www.slingshotshopping.com/policies.html' target='_blank'>Privacy and Security</a>";
var btnTxt = "Submit";
var uText = "Retailer Username:";
var pText = "Retailer Password:"
var showImage = true;
var imgVal = '<br><img src="/wp-content/themes/bfc/images/slingshot/blue.png"  height="120" align="right" />';
//main document load function
(function (jQuery) {
    jQuery.fn.init_ss = function()
    {
        return this.each(function()
        {
            //$(this).append(setupHiddenDiv());
			$(this).append(setupSlingshotDiv());
			
			//add submit button event handler
			
			//add button event handler
				$(".ss-add-button").bind("click", function (evt){
				
				      evt.preventDefault();
				      valid = true;
                      
                      //clear previous messages
                      $("#ss-messages").empty();
                      $("#ss-messages").removeClass();
                      $("#ss-messages").addClass("ss-clearmsg");

                      //get the current values
                      var name = $("#ss-username").val();
                      var pass = $("#ss-password").val();
                      var store = $(".ss-select").val();
                      var quan = $(".qu-select").val();
                      if(store == selectTxt)
                      {
                          valid = false;
                          var p3 = $(document.createElement("p"));
                          p3.append("please select a store to shop at");
                          $("#ss-messages").append(p3);
                          $("#ss-messages").removeClass();
                          $("#ss-messages").addClass("ss-errormsg");
                      }
                      else
                      {
                          if($.trim(name).length == 0)
                          {
                              valid = false;
                              var p1 = $(document.createElement("p"));
                              p1.append("please enter your username/email");
                              $("#ss-messages").append(p1);
                              $("#ss-messages").removeClass();
                              $("#ss-messages").addClass("ss-errormsg");
                          }
                          if($.trim(pass).length == 0)
                          {
                              valid = false;
                              var p2 = $(document.createElement("p"));
                              p2.append("please enter your password");
                              $("#ss-messages").append(p2);
                              $("#ss-messages").removeClass();
                              $("#ss-messages").addClass("ss-errormsg");
                          }
                          if(valid)
                          {
                              var productid = $(".ss-code").attr("value");
							  $(".ss-add-button").attr("disabled", "true");
							$(".ss-add-button").attr("value", "Working");
                              submitDetails( productid , store , quan, name , pass );
                          }
                      }
			      });
			
			
            function setupSlingshotDiv()
            {
                //initial hidden div
                var div1 = $(document.createElement("div"));
				div1.hide();
				
                //inner div containing popup area
                var div2 = $(document.createElement("div"));
                div2.attr("id","ss-maincontent");
				div2.attr("class","ss-maincontent");
                div2.attr("style", "width:400px;height:360px")
				
				//optional image
                if(showImage)
                {
                    div2.append(imgVal);
                }
				//intro text
				div2.append(retailerTxt);
				div2.append("<br /><br />");
				//add to basket section
				//create the form section
				var form = $(document.createElement("form"));
				
				//create the dropdown box
				var storeSel= $(document.createElement("select"));
				storeSel.attr("class", "ss-select");
				storeSel.append("<option>"+selectTxt+"</option>");
				form.append(storeSel);
				
				
				form.append("<br /><br />");
				//create the quantity dropdown
				var quanSel = $(document.createElement("select"));
				quanSel.attr("class", "qu-select");
				quanSel.append("<option>1</option>");
				quanSel.append("<option>2</option>");
				quanSel.append("<option>3</option>");
				form.append(quanTxt);
				form.append(quanSel);
				form.append("<br /><br />");
				//create login details
				var tbl = $(document.createElement("table"));
				tbl.attr("width","200");
				tbl.attr("border","0");
				tbl.attr("cellspacing","0");
				tbl.attr("cellpadding","0");
				
				var tr1 = $(document.createElement("tr"));
				tbl.append(tr1);
				
				var td1 = $(document.createElement("td"));
				td1.attr("class", "ss-colour");
				td1.append(uText);
				tr1.append(td1);
				
				var td2 = $(document.createElement("td"));
				var uname = $(document.createElement("input"));
				uname.attr("type","text");
				uname.attr("name","username");
				//uname.attr("class","ss-username");
				uname.attr("id","ss-username");
				td2.append(uname);
				tr1.append(td2);
				
				var tr2 = $(document.createElement("tr"));
				tbl.append(tr2);
				
				var td3 = $(document.createElement("td"));
				td3.attr("class", "ss-colour");
				td3.append(pText);
				tr2.append(td3);
				
				var td4 = $(document.createElement("td"));
				var passwd = $(document.createElement("input"));
				passwd.attr("type","password");
				passwd.attr("name","password");
				//passwd.attr("class","ss-password");
				passwd.attr("id","ss-password");
				td4.append(passwd);
				tr2.append(td4);
				
				form.append(tbl);
				
				//submit button
				var centre = $(document.createElement("center"));
				var addbtn = $(document.createElement("input"));
				addbtn.attr("type", "submit");
				addbtn.attr("value",btnTxt);
				addbtn.attr("class", "ss-add-button");
				centre.append(addbtn);
				form.append(centre);
				form.append("<br />");
				
				
				var messages = $(document.createElement("div"));
				messages.attr("class","ss-clearmsg");
				messages.attr("id", "ss-messages");
				form.append(messages);
				form.append("<br />");
				
				
				
				//create bottom links
				
				div2.append(form);
				
				var valid = $(document.createElement("p"));
				valid.attr("align", "center");
				valid.attr("class", "ss-small");
				valid.append(validTxt);
				div2.append(valid);
				
				var whatis = $(document.createElement("p"));
				whatis.append(whatisTxt);
				whatis.attr("align", "center");
				whatis.attr("class", "ss-small");
				div2.append(whatis);
				
                div1.append(div2);
                
				//get the stores
				var productid = $(".ss-code").attr("value");
				getStores(productid , storeSel);
				
				
				return div1;
            }
			
			function getStores( prodid , selectBox)
			{
				var req = $.ajax({
					url : baseURL+"getStores.php",
					dataType : "jsonp",
					data : {id: prodid},
					timeout : 10000,
    				success: function( data ) {
                        $.each(data, function(i,item){
                            selectBox.append("<option> "+item+"</option>");
                        });
                    },
                    error: function (xhr, ajaxOptions, thrownError){
                        //console.log(xhr.statusText);
                        //console.log(xhr);
                        //console.log(thrownError);
                    }
                    });
            }

            function submitDetails( prodid , store , quan , username , password )
            {
                var req = $.ajax({
                    url : baseURL+"addToSlingshot.php",
                    dataType : "jsonp",
                    data : { id: prodid , storeid : store , quantity : quan , uname : username , pword : password },
                    timeout : 20000,
                    success: function( data ) {
						//re-enable the button
						$(".ss-add-button").removeAttr("disabled");
						$(".ss-add-button").attr("value",btnTxt);
						//display message
						$("#ss-messages").empty();
                        $("#ss-messages").removeClass();
                        var p2 = $(document.createElement("p"));
                        p2.append(data.message);
                        $("#ss-messages").append(p2);
						
						if(data.error == "false")
						{
							$("#ss-messages").addClass("ss-successmsg");
						}
						else
						{
							$("#ss-messages").addClass("ss-errormsg");
						}
                    },
                    error: function (xhr, ajaxOptions, thrownError){
                        //console.log(xhr);
						//re-enable the button
						$(".ss-add-button").removeAttr("disabled");
						$(".ss-add-button").attr("value",btnTxt);
						//display message
                        $("#ss-messages").empty();
                        $("#ss-messages").removeClass();
                        var p2 = $(document.createElement("p"));
                        p2.append("Oops, something went wrong, please try again later!");
                        $("#ss-messages").append(p2);
                        $("#ss-messages").addClass("ss-errormsg");
                    }
                    });
            }
			
        });
    };
})(jQuery);
-->