function runPreview(){
    var strPreviewDisplayHTML = ('<div style="text-align:left;background-color:' + objColors.bg + ';border:1px solid ' + objColors.col1 + ';margin:5px;width:160px;font-family:Tahoma, Helvetica, Verdana, Sans-serif">')
    strPreviewDisplayHTML += ('<div style="background-color:' + objColors.col1 + ';color:' + objColors.bg + ';padding:5px;margin:0px;margin-bottom:10px;font-size:11px;font-weight:bold;">Latest Jobs</div><div style="padding:10px;padding-top:0px;">')
    var num_ads = js_jobs.length
    for (i = 0; i < num_ads; i++) {
        strPreviewDisplayHTML += ('<div style="text-align:left;margin-left:5px;font-size:11px;font-weight:bold;margin-bottom:5px;"><a href="' + js_jobs[i].url + '" style="color:' + objColors.col1 + ';text-decoration:none;">' + js_jobs[i].title + '</a></div>')
        strPreviewDisplayHTML += ('<div style="text-align:left;color:' + objColors.col2 + ';font-size:10px;margin-left:5px;">' + js_jobs[i].location + '</div>')
        strPreviewDisplayHTML += ('<div style="text-align:left;color:' + objColors.col2 + ';font-size:10px;margin-left:5px;margin-bottom:5px;">' + js_jobs[i].salary + '</div>')
    }
	if(boolVacancies===false){
		strPreviewDisplayHTML +=('<div style="padding:10px;">Unfortunately your search did not match any of our current vacancies. You may need to expand your search criteria.</div>')
    
	}
	strPreviewDisplayHTML += ('<div style="text-align:left;font-size:11px;font-weight:bold;color:' + objColors.col1 + ';margin-left:5px;margin-top:10px;"><form action="http://www.retailcareers.co.uk/cgi-bin/advsearch">Job Search')
    strPreviewDisplayHTML += ('<input type="hidden" name="search_type" value="quick" /><input type="text" name="fp_skill_include" value="" style="width:100px;margin-top:5px;" /><input type="submit" value="Go" style="padding:0;margin-left:3px;background:#F4A403 url(http://www.retailcareers.co.uk/images/general/button_bg.gif) repeat-x scroll left top;border:1px solid ' + objColors.col1 + ';color:#FFFFFF;cursor:pointer;font-weight:bold;" />')
    strPreviewDisplayHTML += ('</form></div>')
    strPreviewDisplayHTML += ('<div style="text-align:left;font-size:10px;margin-top:10px;"><a href="http://www.retailcareers.co.uk"><div style="padding:4px;float:right"><img src="http://www.retailcareers.co.uk' + objColors.img + '" border="0" /></div><div style="padding-top:8px;float:right;color:#616c77">Powered by</div></a>')
    strPreviewDisplayHTML += ('<div style="clear:both;"></div></div><div style="clear:both;"></div>')
    strPreviewDisplayHTML += ('</div></div>')
    $('#tower_preview').html(strPreviewDisplayHTML)
}
$(document).ready(function(){
	 $('.configInput').keyup(function(event){
	 	//if (($('#keywords').val().length > 0) && ($('#min_salary').val() !== 'Min') && ($('#max_salary').val() !== 'Max')) {}
		$('#tower_widget_errors').slideUp();
        $('#btnUpdateCode').show();
        $('#widget_tower_code_display').slideUp();
    })
    $('.configInput').change(function(event){
        $('#tower_widget_errors').slideUp();
        $('#btnUpdateCode').show();
        $('#widget_tower_code_display').slideUp(); 
    })
    
    $('.locationInput').keyup(function(event){
		$('#tower_widget_errors').slideUp();
        $('#btnUpdateCode').show();
        $('#widget_tower_code_display').slideUp();
    })
    $('.locationInput').change(function(event){
        $('#tower_widget_errors').slideUp();
        $('#btnUpdateCode').show();
        $('#widget_tower_code_display').slideUp();
    })

    $('#btnUpdateCode').click(function(){
        var strKeywords = $('#keywords').val().replace(/["']/g, "");
        var arrErrors = []
        arrErrors.length = 0
        var strLocation = $('#location').val();
        var strMinSalary = $('#min_salary :selected').val();
        var strMaxSalary = $('#max_salary :selected').val();
        var intCheckMin = parseInt(strMinSalary.split('SALAA')[1])
        var intCheckMax = parseInt(strMaxSalary.split('SALAB')[1])
        var strScript = '<script type="text/JavaScript" src="http://www.retailcareers.co.uk/js/job_tower_widget.js?k=' + strKeywords + '&l=' + strLocation + '&min=' + strMinSalary + '&max=' + strMaxSalary + '"><\/script><noscript>Powered by <a href="http://www.retailcareers.co.uk/">Retail Careers</a></noscript>'
        var strPreviewScript = '<script type="text/JavaScript" src="http://www.retailcareers.co.uk/js/job_tower_widget.js?k=' + strKeywords + '&l=' + strLocation + '&min=' + strMinSalary + '&max=' + strMaxSalary + '&preview=1"><\/script>'
        
        /*if ($('#keywords').val().length === 0) {
            arrErrors.push('Choose your job feed keywords.')
        }
       	if ($('#min_salary').val() === 'Min') {
        	arrErrors.push('Choose your minimum salary.')
       	}
       	if ($('#max_salary').val() === 'Max') {
       		arrErrors.push('Choose your maximum salary.')
       	}*/
        
        if (intCheckMin > intCheckMax) {
            arrErrors.push('Minimum salary must be less than your chosen maximum salary.')
        }
        if (arrErrors.length === 0) {
            $('#tower_widget_code').val(strScript);
            $('#widget_tower_code_display').slideDown()
            $('#tower_preview').html('')
            $('#tower_preview').append(strPreviewScript)
        }
        else {
            $('#tower_preview').html('')
            $('#tower_widget_code').val('')
            $('#tower_widget_errors').empty()
            $('#tower_widget_errors').append('<ul></ul>')
            $('#widget_tower_code_display').hide()
            for (var i = 0; i < arrErrors.length; i++) {
                $('#tower_widget_errors ul').append('<li>' + arrErrors[i] + '</li>')
            }
            $('#tower_widget_errors').slideDown()
            $('#btnUpdateCode').hide()
        }
    });
    var intervalCounties = setInterval(getCounties, 1000);
    function getCounties(){
        var intCounties = arrCounties.length
        if (intCounties > 0) {
            for (var j = 0; j < intCounties; j++) {
                $('#county').append('  <option value="' + arrCounties[j].county + '">' + arrCounties[j].county + '</option>')
            }
            $('#county').change(function(event){
                var strCounty = $('#county :selected').text()
				$('#location').val('ANY '  + $('#county :selected').text())
                for (var i = 0; i < intCounties; i++) {
                    if (strCounty === arrCounties[i].county) {
                        var intCities = arrCounties[i].cities.length
                        $('#town').html('')
                        $('#town').html('<option value="ANY">Choose a town</option>')
                        for (var c = 0; c < intCities; c++) {
                            $('#town').append('<option value="' + arrCounties[i].cities[c] + '">' + arrCounties[i].cities[c] + '</option>')
                        }
                        $('#town').show()
                        $('#town').change(function(event){
                            $('#location').val($('#town :selected').text() + ' ' + $('#county :selected').text())
                        })
                        break;
                    }
                }
            })
            clearInterval(intervalCounties)
            
        }
        else {
           // non counties data - what do we do here? 
        }
    }
    
	function salaryRangeLimit() {
		var strMaxOptions = $('option', $('#max_salary'));
		var arrMaxSalaries = [];
		
		$('#max_salary').attr('disabled', true);
	   
	    strMaxOptions.each(function(){
	        arrMaxSalaries.push({
	            val: $(this).val(),
	            text: $(this).text()
	        });
	    });
		
		$('#min_salary').change(function () {
			var strFirstMinValue = $('#min_salary :eq(0)').val();
			var strCurrentMinValue = '';
			var intCurrentMinValue = '';
			var strMaxValues = '';
			var intMaxValues = '';
			
			$('#max_salary').empty();

			$('#min_salary :selected').each(function () {
				strCurrentMinValue = $(this).val();
				intCurrentMinValue = parseInt(strCurrentMinValue.split('SALAA')[1]);
			});
			
			if (strCurrentMinValue === strFirstMinValue) {
				$('#max_salary').attr('disabled', true);
				
				$("#max_salary").html(
					'<option value="' + arrMaxSalaries[0].val + '">' + arrMaxSalaries[0].text + '</option>');
			} else {
				$('#max_salary').attr('disabled', false);
			}	
			
			$(arrMaxSalaries).each(function(ix){
				strMaxValues = arrMaxSalaries[ix].val;
				intMaxValues = parseInt(strMaxValues.split('SALAB')[1]);
				
				if (intMaxValues > intCurrentMinValue){
					$("#max_salary").append(
					'<option value="' + strMaxValues + '">' + arrMaxSalaries[ix].text + '</option>');
				}
			});
			
		});
	};
    
    getCounties();
    salaryRangeLimit();  
})