var website_id = 12;
var sub_category_id;
var remote_server_location = 'https://secure.fumzup.com.au/extranet/fumzup/api/';

function load_table(o_input){
	jQuery('#dialog').jqmShow();

	jQuery.getJSON(remote_server_location + "ajax_search.php?sub_category_id=" + sub_category_id + "&d=" + o_input.d + "&o=" + o_input.o + "&p=" + o_input.p + "&r=" + o_input.r + "&si=" + o_input.si + "&sf=" + o_input.si + "&jsoncallback=?",jQuery("#fumzup_search").serialize(),
		function(data){
			if (data.status==0){
				jQuery('#search_id').val(data.search_id);
				jQuery("#step3-content").ajax_datatable({
					show_pagination:true,
					show_pagination_goto:true,
					show_search:false,
					show_records_per_page:true,
					lock_order_by:false,
					div_container:'step3-content',
					parent_function_name:'load_table',
					headings:data['headings'],
					no_of_rows:data['no_of_rows'],
					data:data['data'],
					row_data:data['row_data'],
					payload:o_input,
					rpp_dropdown:[5,10,15,20,25],
					row_clicked: function(o_row_data){
						var url = o_row_data.row_data;
						window.open(url,"_blank");
					}
				});
				var contents = jQuery('#step3-content .dt_h_cell_1 a').html();
				jQuery('#step3-content .dt_h_cell_1 a').remove();
				jQuery('#step3-content .dt_h_cell_1').html(contents);
				if (jQuery('#pos_1_dd').html() != null){
					contents = jQuery('#pos_1_dd').clone();
					jQuery('#pos_1_dd').remove();
					contents.prependTo('#step3-content .dt_h_cell_4');
					jQuery('#pos_1_dd').change(
						function(event){
							jQuery('#pos_1').val(jQuery('#pos_1_dd').val());
							load_table({
								d:jQuery('#dt_d_step3-content').val(),
								o:jQuery('#dt_o_step3-content').val(),
								p:1,
								r:jQuery('#dt_r_step3-content').val(),
								si:jQuery('#dt_si_step3-content').val(),
								sf:jQuery('#dt_sf_step3-content').val()
							});
						});
					contents = jQuery('#pos_2_dd').clone();
					jQuery('#pos_2_dd').remove();
					contents.prependTo('#step3-content .dt_h_cell_5');
					jQuery('#pos_2_dd').change(
						function(event){
							jQuery('#pos_2').val(jQuery('#pos_2_dd').val());
							load_table({
								d:jQuery('#dt_d_step3-content').val(),
								o:jQuery('#dt_o_step3-content').val(),
								p:1,
								r:jQuery('#dt_r_step3-content').val(),
								si:jQuery('#dt_si_step3-content').val(),
								sf:jQuery('#dt_sf_step3-content').val()
							});
						});
					contents = jQuery('#pos_3_dd').clone();
					jQuery('#pos_3_dd').remove();
					contents.prependTo('#step3-content .dt_h_cell_6');
					jQuery('#pos_3_dd').change(
						function(event){
							jQuery('#pos_3').val(jQuery('#pos_3_dd').val());
							load_table({
								d:jQuery('#dt_d_step3-content').val(),
								o:jQuery('#dt_o_step3-content').val(),
								p:1,
								r:jQuery('#dt_r_step3-content').val(),
								si:jQuery('#dt_si_step3-content').val(),
								sf:jQuery('#dt_sf_step3-content').val()
							});
						});
					contents = jQuery('#step3-content .dt_h_cell_7 a').html();
					jQuery('#step3-content .dt_h_cell_7 a').remove();
					jQuery('#step3-content .dt_h_cell_7').html(contents);
				}else{
					if (jQuery('#step3-content .dt_h_cell_6 a').html() == null){
						contents = jQuery('#step3-content .dt_h_cell_5 a').html();
						jQuery('#step3-content .dt_h_cell_5 a').remove();
						jQuery('#step3-content .dt_h_cell_5').html(contents);
					}else if (jQuery('#step3-content .dt_h_cell_7 a').html() == null){
						contents = jQuery('#step3-content .dt_h_cell_6 a').html();
						jQuery('#step3-content .dt_h_cell_6 a').remove();
						jQuery('#step3-content .dt_h_cell_6').html(contents);
					}else{
						contents = jQuery('#step3-content .dt_h_cell_7 a').html();
						jQuery('#step3-content .dt_h_cell_7 a').remove();
						jQuery('#step3-content .dt_h_cell_7').html(contents);
					}
				}
			}else{
				alert('A error has occured');
			}
			jQuery('#create_search_record').val("false");
			jQuery('#dialog').jqmHide();
		}
	);

}

function sort_features(a, b){
	return (b[1] - a[1]);
}

jQuery(document).ready(function(){
	jQuery.jqm.params.modal = true;
	jQuery('#dialog').jqm();
	
	jQuery("#no_feature_dialog").dialog({
		bgiframe: true,
		resizable: false,
		height: 140,
		modal: true,
		autoOpen: false
	});
	
	jQuery("#no_slider_select_dialog").dialog({
		bgiframe: true,
		resizable: false,
		height:240,
		width:300,
		modal: true,
		autoOpen: false,
		overlay: {
			backgroundColor: '#000',
			opacity: 0.5
		},
		buttons: {
			'Yes': function() {
				jQuery(this).dialog('close');
				show_results();
			},
			'No': function() {
				jQuery(this).dialog('close');
			}
		}
	});
		
	jQuery('#accordion').accordion({
		autoHeight: false,
		icons: {
			header: 'ui-icon-plusthick',
			headerSelected: 'ui-icon-minusthick'
		}
	});
	
	jQuery('#step2_heading span').bind('click',function(event){
		return false;
	});
	jQuery('#step2_heading a').bind('click',function(event){
		return false;
	});
	jQuery('#step3_heading span').bind('click',function(event){
		return false;
	});
	jQuery('#step3_heading a').bind('click',function(event){
		return false;
	});
	
	jQuery('#advanced_search a').click(function(event){
		jQuery('#advanced_search_outer').slideToggle("slow");
	});
	
	jQuery('#advanced_search_outer a').click(function(event){
		jQuery('#create_search_record').val("true");
		jQuery('#advanced_search_outer').slideToggle("slow");
		load_table({
			d:jQuery('#dt_d_step3-content').val(),
			o:jQuery('#dt_o_step3-content').val(),
			p:1,
			r:jQuery('#dt_r_step3-content').val(),
			si:jQuery('#dt_si_step3-content').val(),
			sf:jQuery('#dt_sf_step3-content').val()
		});
	});

	jQuery('#step1_heading span').bind('click',function(event){
		jQuery('#step2_heading span').bind('click',function(event){
			return false;
		});
		jQuery('#step2_heading a').bind('click',function(event){
			return false;
		});
	});
	jQuery('#step1_heading a').bind('click',function(event){
		jQuery('#drag_me').remove();
		jQuery('#step1_modify').remove();
		jQuery('#step2_modify').remove();
		jQuery('#step2_heading span').bind('click',function(event){
			return false;
		});
		jQuery('#step2_heading a').bind('click',function(event){
			return false;
		});
	});

	jQuery('#step_footer1 a').click(function(event){
		if (jQuery(".feature_values").length==0){
			jQuery("#no_feature_dialog").dialog('open');
		}else{
			jQuery('#accordion').accordion('activate', 1 );
			jQuery('#step1_heading a').append('<span id="step1_modify">&nbsp;&nbsp;&nbsp;[modify]</span>');
			setTimeout("jQuery('#drag_me').fadeOut(500)",1500);
		}
	});

	jQuery('#step_footer2 a').click(function(event){
		var slider_moved=false;
		jQuery(".feature_values").each(function (index, domElement) {
			if (domElement.value!=1){
				slider_moved=true;
			}
		});
		if (slider_moved==false){
			jQuery("#no_slider_select_dialog").dialog('open');
		}else{
			show_results();
		}
	});

	function show_results(){
		jQuery('#step2_heading a').append('<span id="step2_modify">&nbsp;&nbsp;&nbsp;[modify]</span>');
		jQuery('#accordion').accordion( 'activate' , 2 );
		jQuery('#step2_heading span').unbind('click');
		jQuery('#step2_heading a').unbind('click');
		jQuery('#step2_heading a').bind('click',function(event){
			jQuery('#step2_modify').remove();
		});
		var feature;
		var features = [];
		var x=0;
		jQuery(".feature_values").each(function (index, domElement) {
			feature = [domElement.id,domElement.value];
			features[x] = feature;
			x++;
		});
		features.sort(function(a,b){return b[1] - a[1]});
		jQuery('#pos_1').val("");
		jQuery('#pos_2').val("");
		jQuery('#pos_3').val("");
		var feature_id;
		for (x=0;x<features.length && x<3;x++){
			feature_id = features[x][0].substring(8,features[x][0].indexOf('_',8));
			jQuery('#pos_' + (x+1)).val(feature_id);
		}
		
		jQuery('#create_search_record').val("true");
		
		load_table({
			d:"down",
			o:2,
			p:1,
			r:5,
			si:'',
			sf:''
		});
	}
	jQuery('.slider').slider({
		value:0,
		min: 0,
		max: 6,
		step: 1,
		slide: function(event, ui) {
			jQuery('#' + jQuery(this).attr('id') + '_rating').val(ui.value);
			jQuery('#' + jQuery(this).attr('id') + '_rating_score').html(ui.value+'/6 Importance');
		}
	});
});

function load_features(o_data){
	var s_feature;

	jQuery('#session_id').val(o_data.session_id);
	jQuery('#token').val(o_data.token);

	if (o_data.status==0){

		jQuery('#step1-content').empty();
		jQuery('.slider_outer').remove();
		jQuery('#filters').empty();
		//###########################
		//
		//    create feature items
		//
		//###########################
		for (var x=0; x<o_data.features.length; x++){
			s_feature = '<div class="feature"><input id="feature_' + o_data.features[x].feature_id + '" type="checkbox" value="' + o_data.features[x].slider_type + '" class="feature_checkbox" /><label id="feature_' + o_data.features[x].feature_id + '_label" for="feature_' + o_data.features[x].feature_id + '">' + o_data.features[x].name + '</label>';
			if (o_data.features[x].slider_type == 'Both'){
				s_feature += '<div class="sub" id="feature_' + o_data.features[x].feature_id + '_sub">';
				s_feature += '<input id="feature_' + o_data.features[x].feature_id + '_sub_pos" name="feature_' + o_data.features[x].feature_id + '_sub" type="radio" value="pos" checked="checked" />';
				s_feature += '<label id="feature_' + o_data.features[x].feature_id + '_sub_pos_label" for="feature_' + o_data.features[x].feature_id + '_sub_pos">' + o_data.features[x].positive_label + '</label>';
				s_feature += '<br />';
				s_feature += '<input id="feature_' + o_data.features[x].feature_id + '_sub_neg" name="feature_' + o_data.features[x].feature_id + '_sub" type="radio" value="neg" />';
				s_feature += '<label id="feature_' + o_data.features[x].feature_id + '_sub_neg_label" for="feature_' + o_data.features[x].feature_id + '_neg">' + o_data.features[x].negative_label + '</label>';
				s_feature += '</div>';
			}
			s_feature += '<input type="hidden" name="feature_' + o_data.features[x].feature_id + '_name" value="' + o_data.features[x].name + '" /></div>';
			jQuery('#step1-content').append(s_feature);
			
			//###########################
			//
			//    Radio button click events
			//
			//###########################
			
			jQuery('#' + 'feature_' + o_data.features[x].feature_id + '_sub_pos').click(function(event){
				var s_id = jQuery(this).attr('id').substring(0,jQuery(this).attr('id').indexOf('_sub_pos'));
				jQuery('#' + s_id + '_slider_label').html('<label id="' + s_id + '_slider_rating_label" for="' + s_id + '_slider_rating">' + jQuery('#' + s_id + '_label').text() + ':</label><br /><span class="slider_label_sub"> - ' + jQuery('#' + s_id + '_sub_pos_label').text() + '</span>');
				jQuery('#' + s_id + '_slider_rating').attr('name',s_id + '_slider_rating_pos');
			});
			jQuery('#' + 'feature_' + o_data.features[x].feature_id + '_sub_neg').click(function(event){
				var s_id = jQuery(this).attr('id').substring(0,jQuery(this).attr('id').indexOf('_sub_neg'));
				jQuery('#' + s_id + '_slider_label').html('<label id="' + s_id + '_slider_rating_label" for="' + s_id + '_slider_rating">' + jQuery('#' + s_id + '_label').text() + ':</label><br /><span class="slider_label_sub"> - ' + jQuery('#' + s_id + '_sub_neg_label').text() + '</span>');
				jQuery('#' + s_id + '_slider_rating').attr('name',s_id + '_slider_rating_neg');
			});
		}
		//###########################
		//
		//    add filler divs
		//
		//###########################
			
		var extras = 4 - (x % 4);
		for (x=0; x<extras && extras!=4; x++){
			s_feature = '<div class="feature"></div>';
			jQuery('#step1-content').append(s_feature);
		}

		//###########################
		//
		//    create filter items
		//
		//###########################
		var s_filter;
		var s_filter_id;
		for (var x=0; x<o_data.filters.length; x++){
			s_filter_id = 'filter_' + o_data.filters[x].id + '_' + o_data.filters[x].filter_type;
			s_filter  = '<div id="' + s_filter_id + '_outer" class="filter_outer">';
			s_filter += '<div>';
			s_filter += '<input id="' + s_filter_id + '" name="' + s_filter_id + '" type="checkbox" value="true" class="filter_check"/>';
			s_filter += '<label for="' + s_filter_id + '">' + o_data.filters[x].name + '</label>';
			s_filter += '</div>';
			s_filter += '<div class="filter_values" id="' + s_filter_id + '_values">';
			if (o_data.filters[x].answer_type == 'Option'){
				s_filter += '<input id="' + s_filter_id + '_1" name="' + s_filter_id + '_rb" type="radio" value="Yes" checked="checked" /><label for="' + s_filter_id + '_1">Yes</label><br />';
				s_filter += '<input id="' + s_filter_id + '_2" name="' + s_filter_id + '_rb" type="radio" value="No" /><label for="' + s_filter_id + '_2">No</label>';
			}else{
				for (var y=0; y<o_data.filters[x].answers.length; y++){
					s_filter += '<input id="' + s_filter_id + '_cb_' + (y+1) + '" name="' + s_filter_id + '_cb_' + (y+1) + '" type="checkbox" value="' + o_data.filters[x].answers[y].value + '" />';
					s_filter += '<label for="' + s_filter_id + '_cb_' + (y+1) + '">' + o_data.filters[x].answers[y].label + '</label><br />';
				}
			}
			s_filter += '</div>';
			s_filter += '</div>';
			jQuery('#filters').append(s_filter);
		}
		
		jQuery('.filter_check').click(function(event){
			if (jQuery(this).attr('checked')==true){
				jQuery('#' + jQuery(this).attr('id') + '_values').show();
			}else{
				jQuery('#' + jQuery(this).attr('id') + '_values').hide();
			}
		});
		
		//###########################
		//
		//    feature checbox click events
		//
		//###########################
			
		jQuery('.feature_checkbox').click(function(event){
			var s_id = jQuery(this).attr('id');
			if (jQuery(this).attr('checked')==true){
				
				jQuery('#' + s_id + '_sub').show();
				
				s_slider  = '<div id="' + s_id + '_slider_outer" class="slider_outer">';
				s_slider += '<div id="' + s_id + '_slider_rating_score" class="slider_value_label">(1/6) Not so important</div>';
				s_slider += '<div id="' + s_id + '_slider_label" class="slider_label">';
				s_slider += '<label for="' + s_id + '_slider_rating">';
				if (jQuery('#' + s_id + '_sub_pos').attr('checked')==true){
					s_slider += jQuery('#' + s_id + '_label').text() + ':</label><br /><span class="slider_label_sub"> - ' + jQuery('#' + s_id + '_sub_pos_label').text() + '</span>';
					direction = 'pos';
				}else if (jQuery('#' + s_id + '_sub_neg').attr('checked')==true){
					s_slider += jQuery('#' + s_id + '_label').text() + ':</label><br /><span class="slider_label_sub"> - ' + jQuery('#' + s_id + '_sub_neg_label').text() + '</span>';
					direction = 'neg';
				}else{
					s_slider += jQuery('#' + s_id + '_label').text() + ':</label>';
					if (jQuery(this).attr('value')=='Positive'){
						direction = 'pos';
					}else{
						direction = 'neg';
					}
				}
				s_slider += '</div>';
				s_slider += '<input type="hidden" id="' + s_id + '_slider_rating" name="' + s_id + '_slider_rating_' + direction + '" value="1" class="feature_values" />';
				s_slider += '<div id="' + s_id + '_slider" class="slider"></div>';
				s_slider += '</div>';
				jQuery('#step2-content').append(s_slider);

				//###########################
				//
				//    init the slider events
				//
				//###########################
			
				jQuery('#' + s_id + '_slider').slider({
					value:1,
					min: 1,
					max: 6,
					step: 1,
					slide: function(event, ui) {
						jQuery('#' + jQuery(this).attr('id') + '_rating').val(ui.value);
						var description;
						if (ui.value==1){
							description = 'Not so important';
						}else if (ui.value==2){
							description = 'Quite important';
						}else if (ui.value==3){
							description = 'Important';
						}else if (ui.value==4){
							description = 'Very important';
						}else if (ui.value==5){
							description = 'Extremely important';
						}else if (ui.value==6){
							description = 'Absolutely essential';
						}else{
							description = 'N/A';
						}
						jQuery('#' + jQuery(this).attr('id') + '_rating_score').html('(' + ui.value+'/6) ' + description);
					}
				});
				
			}else{
				jQuery('#' + jQuery(this).attr('id') + '_sub').hide();
				jQuery('#' + s_id + '_slider_outer').remove();
			}
		});
	}else{
		alert(o_data.message);
	}
}

function load_tool(id){
	sub_category_id = id;
	jQuery('#step1_modify').remove();
	jQuery('#step2_modify').remove();
	jQuery('#step2_heading span').bind('click',function(event){
		return false;
	});
	jQuery('#step2_heading a').bind('click',function(event){
		return false;
	});
	jQuery.getJSON(remote_server_location + "ajax_start.php?sub_category_id=" + sub_category_id + "&website_id=" + website_id + "&jsoncallback=?",
		function(data){
			load_features(data);
		}
	);
	jQuery('#accordion').accordion( 'activate' , 0 );
	var s=s_gi(s_account);
	if (id==1){
		s.linkTrackVars='prop38,eVar47,events';
		s.linkTrackEvents='event14';
		s.prop38='BP-News-Finance-Fumzup-Savings';
		s.eVar47=s.prop38;
		s.events='event14';
		s.tl(this,'o','BP-News-Finance-Fumzup-Savings');
	}else if (id==2){
		s.linkTrackVars='prop38,eVar47,events';
		s.linkTrackEvents='event14';
		s.prop38='BP-News-Finance-Fumzup-Term';
		s.eVar47=s.prop38;
		s.events='event14';
		s.tl(this,'o','BP-News-Finance-Fumzup-Term');
	}else{
		s.linkTrackVars='prop38,eVar47,events';
		s.linkTrackEvents='event14';
		s.prop38='BP-News-Finance-Fumzup-Credit';
		s.eVar47=s.prop38;
		s.events='event14';
		s.tl(this,'o','BP-News-Finance-Fumzup-Credit');
	}

	jQuery('#search_container').show();
}

function hidetool(){
	jQuery('#accordion').accordion( 'activate' , 0 );
	jQuery('#search_container').hide();
}