var akordy = new Array('-','C','Cm','C7','C#','Cm#','C7#','D','Dm','D7','D#','Dm#','D7#','E','Em','E7','F','Fm','F7','F#','Fm#','F7#','G','Gm','G7','G#','Gm#','G7#','A','Am','A7','B','Bm','B7','H','Hm','H7');
// definicja akordow
var akordyG = new Object();
	akordyG = { "C":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,0,1,0,0] ,
																"4": [0,0,1,0,0,0] ,
																"3": [0,0,0,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,0,0,0,0,0]  }},
				"Cm":
					{ "prog_start":"3","prog_ile":"3", "prog_def":
															{ 	"6": [0,2,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,1,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"C7":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,0,1,0,0] ,
																"4": [0,0,1,0,0,0] ,
																"3": [0,0,0,1,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,0,0,0,0,0]  }},
				"C#":
					{ "prog_start":"2","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,0,1,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"Cm#":
					{ "prog_start":"4","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,1,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"C7#":
					{ "prog_start":"4","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,0,0,0] ,
																"2": [0,2,0,1,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"D":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,0,0,0,0] ,
																"4": [0,0,0,0,0,0] ,
																"3": [0,0,1,0,0,0] ,
																"2": [0,0,0,1,0,0] ,
																"1": [0,0,1,0,0,0]  }},
				"Dm":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,0,0,0,0] ,
																"4": [0,0,0,0,0,0] ,
																"3": [0,0,1,0,0,0] ,
																"2": [0,0,0,1,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"D7":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,0,0,0,0] ,
																"4": [0,0,0,0,0,0] ,
																"3": [0,0,1,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,0,1,0,0,0]  }},
				"D#":
					{ "prog_start":"6","prog_ile":"3", "prog_def":
															{ 	"6": [0,2,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,0,1,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"Dm#":
					{ "prog_start":"6","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,1,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"D7#":
					{ "prog_start":"6","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,0,0,1,0,0] ,
																"3": [0,1,0,0,0,0] ,
																"2": [0,0,0,1,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"E":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,1,0,0,0] ,
																"4": [0,0,1,0,0,0] ,
																"3": [0,1,0,0,0,0] ,
																"2": [0,0,0,0,0,0] ,
																"1": [0,0,0,0,0,0]  }},
				"Em":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,1,0,0,0] ,
																"4": [0,0,1,0,0,0] ,
																"3": [0,0,0,0,0,0] ,
																"2": [0,0,0,0,0,0] ,
																"1": [0,0,0,0,0,0]  }},
				"E7":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,1,0,0,0] ,
																"4": [0,0,1,0,0,0] ,
																"3": [0,1,0,0,0,0] ,
																"2": [0,0,0,1,0,0] ,
																"1": [0,0,0,0,0,0]  }},
				"F":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,1,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"Fm":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,1,0,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"F7":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,1,0,0,0] ,
																"2": [0,2,0,0,1,0] ,
																"1": [0,1,0,0,0,0]  }},
				"F#":
					{ "prog_start":"2","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,1,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"Fm#":
					{ "prog_start":"2","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,1,0,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"F7#":
					{ "prog_start":"2","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,1,0,0,0,0] ,
																"3": [0,2,1,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"G":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,1,0,0] ,
																"5": [0,0,1,0,0,0] ,
																"4": [0,0,0,0,0,0] ,
																"3": [0,0,0,0,0,0] ,
																"2": [0,0,0,0,0,0] ,
																"1": [0,0,0,1,0,0]  }},
				"Gm":
					{ "prog_start":"3","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,1,0,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"G7":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,1,0,0] ,
																"5": [0,0,1,0,0,0] ,
																"4": [0,0,0,0,0,0] ,
																"3": [0,0,0,0,0,0] ,
																"2": [0,0,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"G#":
					{ "prog_start":"4","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,1,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"Gm#":
					{ "prog_start":"4","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,1,0,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"G7#":
					{ "prog_start":"4","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,2,0,1,0,0] ,
																"4": [0,1,0,0,0,0] ,
																"3": [0,2,1,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"A":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,0,0,0,0] ,
																"4": [0,0,1,0,0,0] ,
																"3": [0,0,1,0,0,0] ,
																"2": [0,0,1,0,0,0] ,
																"1": [0,0,0,0,0,0]  }},
				"Am":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,0,0,0,0] ,
																"4": [0,0,1,0,0,0] ,
																"3": [0,0,1,0,0,0] ,
																"2": [0,1,0,0,0,0] ,
																"1": [0,0,0,0,0,0]  }},
				"A7":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,0,0,0,0] ,
																"4": [0,0,1,0,0,0] ,
																"3": [0,0,1,0,0,0] ,
																"2": [0,0,1,0,0,0] ,
																"1": [0,0,0,1,0,0]  }},
				"B":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,0,1,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"Bm":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,1,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"B7":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,1,0,0,0,0] ,
																"2": [0,2,0,1,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"H":
					{ "prog_start":"2","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,0,1,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"Hm":
					{ "prog_start":"2","prog_ile":"3", "prog_def":
															{ 	"6": [0,1,0,0,0,0] ,
																"5": [0,1,0,0,0,0] ,
																"4": [0,2,0,1,0,0] ,
																"3": [0,2,0,1,0,0] ,
																"2": [0,2,1,0,0,0] ,
																"1": [0,1,0,0,0,0]  }},
				"H7":
					{ "prog_start":"1","prog_ile":"3", "prog_def":
															{ 	"6": [0,0,0,0,0,0] ,
																"5": [0,0,1,0,0,0] ,
																"4": [0,1,0,0,0,0] ,
																"3": [0,0,1,0,0,0] ,
																"2": [0,0,0,0,0,0] ,
																"1": [0,0,1,0,0,0]  }}
				};
				
				
$(document).ready(function(){	
				// Tabs
				$('#tabs').tabs();
				ListaAkordow();
				var slide_int = null;			
			
	function ListaAkordow() {
		listaA = ""; polaA=""; polaT="";
				for (a=1;a<9;a++) {
						polaA = polaA+"<div id='po"+a+"' name='po"+a+"' title='transpornowanie akordu' class='AkWyb'>-</div>&nbsp;&nbsp;"; 
						polaT = polaT+"<div id='tr"+a+"' name='tr"+a+"' title='transpornowanie akordu'class='AkWyb1'>-</div>&nbsp;&nbsp;";
						listaA = listaA+"<select name='ak"+a+"' id='ak"+a+"' tabindex='ak"+a+"' title='akord do transponowania'>";
									for (b=0;b<akordy.length;b++) {
										if (b==0) { pozs = " selected "; } else { pozs = " "; }
										listaA = listaA+"<option value='"+b+"' "+pozs+">"+akordy[b]+"</option>";
									}
						listaA = listaA+"</select>&nbsp;";
				}
				listaA = listaA+"&nbsp;&nbsp;&nbsp; <br/><br/>Wybierz zakres zmiany (póltony):&nbsp;<select name='ak9' id='ak9' tabindex='ak9'>";
									for (c=0;c<13;c++) {
										if (c==0) { pozs = " selected "; } else { pozs = " "; }
										u = c-13;
										listaA = listaA+"<option value='"+c+"' "+pozs+">"+c+"</option>";
									}
				listaA = listaA+"</select>&nbsp;<div style='	padding-top: 15px; padding-right: 5px; 	padding-bottom: 15px; padding-left: 5px; width: 420px;'><div id='slider' ></div></div>";
				$('#Akordy').html(listaA);
				$('#AkWybor').html(polaA);
				$('#Trans').html(polaT);			
				$('[name="ak1"]').change( function() { typ = this.value; $('#po1').html(akordy[typ]); $('[name="ak9"]').val(0);});
				$('[name="ak2"]').change( function() { typ = this.value; $('#po2').html(akordy[typ]); $('[name="ak9"]').val(0);});
				$('[name="ak3"]').change( function() { typ = this.value; $('#po3').html(akordy[typ]); $('[name="ak9"]').val(0);});
				$('[name="ak4"]').change( function() { typ = this.value; $('#po4').html(akordy[typ]); $('[name="ak9"]').val(0);});
				$('[name="ak5"]').change( function() { typ = this.value; $('#po5').html(akordy[typ]); $('[name="ak9"]').val(0);});
				$('[name="ak6"]').change( function() { typ = this.value; $('#po6').html(akordy[typ]); $('[name="ak9"]').val(0);});
				$('[name="ak7"]').change( function() { typ = this.value; $('#po7').html(akordy[typ]); $('[name="ak9"]').val(0);});
				$('[name="ak8"]').change( function() { typ = this.value; $('#po8').html(akordy[typ]); $('[name="ak9"]').val(0);});
				$('[name="po1"]').click( function() { Ak = $('[name="po1"]').text(); gryfer(Ak);});
				$('[name="po2"]').click( function() { Ak = $('[name="po2"]').text(); gryfer(Ak);});
				$('[name="po3"]').click( function() { Ak = $('[name="po3"]').text(); gryfer(Ak);});
				$('[name="po4"]').click( function() { Ak = $('[name="po4"]').text(); gryfer(Ak);});
				$('[name="po5"]').click( function() { Ak = $('[name="po5"]').text(); gryfer(Ak);});
				$('[name="po6"]').click( function() { Ak = $('[name="po6"]').text(); gryfer(Ak);});
				$('[name="po7"]').click( function() { Ak = $('[name="po7"]').text(); gryfer(Ak);});
				$('[name="po8"]').click( function() { Ak = $('[name="po8"]').text(); gryfer(Ak);});
				$('[name="tr1"]').click( function() { Ak = $('[name="tr1"]').text(); gryfer(Ak);});
				$('[name="tr2"]').click( function() { Ak = $('[name="tr2"]').text(); gryfer(Ak);});
				$('[name="tr3"]').click( function() { Ak = $('[name="tr3"]').text(); gryfer(Ak);});
				$('[name="tr4"]').click( function() { Ak = $('[name="tr4"]').text(); gryfer(Ak);});
				$('[name="tr5"]').click( function() { Ak = $('[name="tr5"]').text(); gryfer(Ak);});
				$('[name="tr6"]').click( function() { Ak = $('[name="tr6"]').text(); gryfer(Ak);});
				$('[name="tr7"]').click( function() { Ak = $('[name="tr7"]').text(); gryfer(Ak);});
				$('[name="tr8"]').click( function() { Ak = $('[name="tr8"]').text(); gryfer(Ak);});
				$('[name="ak9"]').change( function() { przelicz(); });
			}
			
			function przelicz () { 
					for (a=1;a<9;a++) { 
							pol = '[name="ak'+a+'"]';
							polT = '#tr'+a;
							
									if (Number($(pol).val())!=0) {
										jest = Number($(pol).val());
										zmiana = Number($('[name="ak9"]').val());
										wynik = Number(jest) + (Number(zmiana)*3);
											if (wynik>36) { 
											zabrane = wynik - 36;
											przesun = zabrane;										
											} else {
											zabrane = jest;
											przesun = wynik;
											}
										// alert(zmiana+" "+przesun);
										$(polT).html('')
										$(polT).html(akordy[przesun]);
									}
					}
			}
			
function gryfer(Ak,lp) { 
	if (Ak!="") { 
	if (lp==undefined) { lp=0; } else { lp=lp; } 
	$('#gryf').html('');
	nazwa_prog = new Array('0','I','II','III','IV','V','VI','VII','VIII','IX','X','XI','XII','XIII','XIV','XV');
	 if (Number(akordyG[Ak]['prog_start'])==1) { listwa = "<div class='gryf_pocz'></div>"; } else {listwa = ""; }
			gryf_pod = listwa;
			laster = Number(akordyG[Ak]['prog_start'])+Number(akordyG[Ak]['prog_ile']);
			for (a=Number(akordyG[Ak]['prog_start']);a<=laster;a++) { 
			gryf_pod = gryf_pod+"<div class='gryf_tlo' id='prog"+a+"_"+lp+"'>";
			prog = (a+1) - Number(akordyG[Ak]['prog_start']);
				for (b=6;b>=1;b--) { 
				ba= "'p"+b+"'";
				pd = 'prog_def';
					if (Number(akordyG[Ak]['prog_def'][b][prog])==0) { zaz = "pusty"; } 
					if (Number(akordyG[Ak]['prog_def'][b][prog])==1) { zaz = "zaznaczony"; }
					if (Number(akordyG[Ak]['prog_def'][b][prog])==2) { zaz = "bezdziweku"; }
					gryf_pod = gryf_pod+"<div class='"+zaz+"' id='punkt"+a+"_"+b+"_"+lp+"'></div>";
				}
			gryf_pod = gryf_pod+"<div class='nazwa_prog' id='nr_prog"+a+"_"+lp+"'>"+nazwa_prog[a]+"</div>";
			gryf_pod = gryf_pod+"</div>"; 
			}
			gryf_pod = gryf_pod+"<div class='ak_nazwa'>"+Ak+"</div>";
			dobak = "#gryf"+lp;
		$(dobak).html(gryf_pod).fadeIn("slow");
	}

}

			$('#slider').slider({
				animate: true,
				step: 1,
				min: 0,
				orientation: 'horyzontal',
				max: 12,
				start: function(event, ui){
					$('#current_value').empty();
					slide_int = setInterval(update_slider, 10);	
				},
				slide: function(event, ui){
					setTimeout(update_slider, 10);  
				},
				stop: function(event, ui){
					clearInterval(slide_int);
				    slide_int = null;
				}
			});	

		function update_slider(){
		    var offset = $('.ui-slider-handle').offset();
		    var value = $('#slider').slider('option', 'value');
			$('#ak9').val(value);
			for (a=1;a<9;a++) { 
							pol = '[name="ak'+a+'"]';
							polT = '#tr'+a;
							
									if (Number($(pol).val())!=0) {
										jest = Number($(pol).val());
										zmiana = value;
										wynik = Number(jest) + (Number(zmiana)*3);
											if (wynik>36) { 
											zabrane = wynik - 36;
											przesun = zabrane;										
											} else {
											zabrane = jest;
											przesun = wynik;
											}
										// alert(zmiana+" "+przesun);
										$(polT).html('')
										$(polT).html(akordy[przesun]);
									}
					}
		    // $('#current_value').text('Value is '+value).css({top:offset.top });
		    // $('#current_value').fadeIn();

		}



		});