http://talent.massiveproductions.com/clipJax.js

1
2$(document).ready(function(){
3
4	var dots = 0;
5	setInterval (type, 400);
6	function type() {
7   	 if(dots < 8) {
8   	     $('#loading').append('.');
9   		 dots++;
10   		 } else {
11	   		 $('#loading').html('Loading');
12	   		 dots = 0;
13	     }
14	}
15	$( "input:checkbox" ).change(function() {
16	$('#results').hide();
17	$('#counter').hide();
18	$('#loading').show();
19	
20	
21	
22	var date1 =Date.now();
23
24	var matches = [];
25	$( "input:checkbox:checked" ).each(function() {
26    	matches.push(this.id);
27	});
28	if (matches.length === 0) {
29  	  //matches.push('');
30  	  $('#someStuff').empty();
31  	  $('#loading').hide();
32	}
33			$.ajax({
34				  type: "POST",
35				  dataType: "json",
36				  data: {matches:matches},
37				  url: "clipFinder.php",
38				  success: function(data) {
39				  $('#counter').empty();
40				  $('#results').empty();
41				  		counter=0;
42						$.each(data, function(i, field){
43								characteristics = '';
44								
45								characteristics += '<div class="resultItems">';
46								characteristics += '<h3>'+field.title+'</h3>';
47								characteristics += '<audio controls preload="none"><source src="audioFiles/'+field.filename+'" type="audio/mpeg" /></audio><br /><a href="audioFiles/'+field.filename+'">DOWNLOAD</a>';
48								characteristics += '<p>';
49								if (field.male == 1){characteristics+='Male, ';}
50								if (field.female == 1){characteristics+='Female, ';}
51								if (field.childrenAndTeen == 1){characteristics+='Children/Teens, ';}
52								if (field.twenties == 1){characteristics+='20\'s, ';}
53								if (field.thirties == 1){characteristics+='30\'s, ';}
54								if (field.forties == 1){characteristics+='40\'s, ';}
55								if (field.fifties == 1){characteristics+='50\'s, ';}
56								if (field.powerfulAndAuthoritative == 1){characteristics+='Powerful & Authoritative, ';}
57								if (field.compassionate == 1){characteristics+='Compassionate, ';}
58								if (field.confident == 1){characteristics+='Confident, ';}
59								if (field.energetic == 1){characteristics+='Energetic, ';}
60								if (field.friendly == 1){characteristics+='Friendly, ';}
61								if (field.sincereAndHonest == 1){characteristics+='Sincere & Honest, ';}
62								if (field.ethnicAndUrban == 1){characteristics+='Ethnic & Urban, ';}
63								if (field.spunkyAndQuirky == 1){characteristics+='Spunky & Quirky, ';}
64								if (field.accentsAndDialects == 1){characteristics+='Accents & Dialects, ';}
65								if (field.characterVoices == 1){characteristics+='Character Voice, ';}
66								if (field.impersonations == 1){characteristics+='Impersonations, ';}
67								if (field.bold == 1){characteristics+='Bold, ';}
68								if (field.clean == 1){characteristics+='Clean, ';}
69								if (field.crisp == 1){characteristics+='Crisp, ';}
70								if (field.cute == 1){characteristics+='Cute, ';}
71								if (field.fun == 1){characteristics+='Fun, ';}
72								if (field.bright == 1){characteristics+='Bright, ';}
73								if (field.lively == 1){characteristics+='Lively, ';}
74								if (field.precise == 1){characteristics+='Precise, ';}
75								if (field.rich == 1){characteristics+='Rich, ';}
76								if (field.smokey == 1){characteristics+='Smokey, ';}
77								if (field.smooth == 1){characteristics+='Smooth, ';}
78								if (field.youthfulAndFresh == 1){characteristics+='Youthful & Fresh, ';}
79								if (field.warm == 1){characteristics+='Warm, ';}
80								
81								characteristics = characteristics.substring(0, characteristics.length - 2);
82								
83								characteristics += '</p>';
84								characteristics += '</div>';
85
86								$('#results').append(characteristics);
87								counter++;
88						});  
89						
90						
91						$('#counter').append('<h2>'+counter+' Results</h2>');
92						console.log(Math.abs(date1 - Date.now())/1000);
93						
94						$('#results').show();
95						$('#counter').show();
96						$('#loading').hide();
97						$.updateScreen();
98					  }		  
99				  });
100				  
101
102	/*
103		$.ajax({
104				  type: "POST",
105				  data: {matches:matches},
106				  url: "clipFinder.php",
107				  success: function(data) {
108				  		//alert(data);
109				  		$('#someStuff').html(data);
110				  
111						
112					  }		  
113				  });
114		
115		*/
116  });
117
118
119});