// JavaScript Document
function guitarfunctions(tctrl){
		this.tabcreator = tctrl;

//Hammer On Button
	this.btnh = new Image();	
	this.btnh.src = "images/btnh.gif";
	this.btnh.id = "btnh";
	this.btnh.title = "Use this to place a 'Hammer On'";
	this.btnh.alt = "Hammer On";
	this.btnh.width = "25";
	this.btnh.height = "25";
	
//Bend
	this.btnb = new Image();	
	this.btnb.src = "images/btnb.gif";
	this.btnb.id = "btnb";
	this.btnb.title = "Use this to bend the strings'";
	this.btnb.alt = "Bend";
	this.btnb.width = "25";
	this.btnb.height = "25";

//Pull Up
	this.btnp = new Image();	
	this.btnp.src = "images/btnp.gif";
	this.btnp.id = "btnp";
	this.btnp.title = "Use this button to pull up'";
	this.btnp.alt = "Pull Up";
	this.btnp.width = "25";
	this.btnp.height = "25";

//Release
	this.btnr = new Image();	
	this.btnr.src = "images/btnr.gif";
	this.btnr.id = "btnr";
	this.btnr.title = "Use this to Release the string'";
	this.btnr.alt = "Release";
	this.btnr.width = "25";
	this.btnr.height = "25";

//Slide Up
	this.btnfs = new Image();	
	this.btnfs.src = "images/btnfs.gif";
	this.btnfs.id = "btnfs";
	this.btnfs.title = "Slide Up'";
	this.btnfs.alt = "Slide Up";
	this.btnfs.width = "25";
	this.btnfs.height = "25";
	
//Slide Down
	this.btnbs = new Image();	
	this.btnbs.src = "images/btnbs.gif";
	this.btnbs.id = "btnbs";
	this.btnbs.title = "Slide Down'";
	this.btnbs.alt = "Slide Down";
	this.btnbs.width = "25";
	this.btnbs.height = "25";
	
//Vibrato
	this.btnv = new Image();	
	this.btnv.src = "images/btnv.gif";
	this.btnv.id = "btnv";
	this.btnv.title = "Vibrato'";
	this.btnv.alt = "Vibrato";
	this.btnv.width = "25";
	this.btnv.height = "25";
	
//Bar
	this.btnbar = new Image();	
	this.btnbar.src = "images/btnbar.gif";
	this.btnbar.id = "btnbar";
	this.btnbar.title = "Bar'";
	this.btnbar.alt = "Bar";
	this.btnbar.width = "25";
	this.btnbar.height = "25";
	
//Rest
	this.btnrest = new Image();	
	this.btnrest.src = "images/btnrest.gif";
	this.btnrest.id = "btnrest";
	this.btnrest.title = "Rest";
	this.btnrest.alt = "Rest";
	this.btnrest.width = "50";
	this.btnrest.height = "25";
	
//Go Back
	this.btnback = new Image();	
	this.btnback.src = "images/btnback.gif";
	this.btnback.id = "btnback";
	this.btnback.title = "Go Back";
	this.btnback.alt = "Go Back";
	this.btnback.width = "50";
	this.btnback.height = "25";
	
			//button return image
		this.btnreturn = new Image();	
		this.btnreturn.src = "images/button.gif";
		//this.btnv.id = "btnv";
		//this.btnv.title = "Vibrato'";
		this.btnreturn.alt = "return";
		this.btnreturn.width = "10";
		this.btnreturn.height = "10";
	
		
		
		//hammer on
		Event.observe($(this.btnh), 'click', function(event){
			 $(this.tabfunk.btnh).src = "images/btnh_hl.gif";										  
			 this.insertElem('h',this.tabfunk.btnh);
		}.bindAsEventListener(this.tabcreator));
		
		//bend
		Event.observe($(this.btnb), 'click', function(event){
   		   $(this.tabfunk.btnb).src = "images/btnb_hl.gif";	
			 this.insertElem('b',this.tabfunk.btnb);
		}.bindAsEventListener(this.tabcreator));
		
		//pullup
		Event.observe($(this.btnp), 'click', function(event){
			$(this.tabfunk.btnp).src = "images/btnp_hl.gif";	
			 this.insertElem('p',this.tabfunk.btnp);
		}.bindAsEventListener(this.tabcreator));

		//release
		Event.observe($(this.btnr), 'click', function(event){
			 $(this.tabfunk.btnr).src = "images/btnr_hl.gif";	
			 this.insertElem('r',this.tabfunk.btnr);
		}.bindAsEventListener(this.tabcreator));
		
		//slide up
		Event.observe($(this.btnfs), 'click', function(event){
			 $(this.tabfunk.btnfs).src = "images/btnfs_hl.gif";	
			 this.insertElem('/',this.tabfunk.btnfs);
		}.bindAsEventListener(this.tabcreator));
		
		//slide down
		Event.observe($(this.btnbs), 'click', function(event){
			$(this.tabfunk.btnbs).src = "images/btnbs_hl.gif";	
			 this.insertElem('\\',this.tabfunk.btnbs);
		}.bindAsEventListener(this.tabcreator));
		
		//vibrato
		Event.observe($(this.btnv), 'click', function(event){
			 this.insertElem('v');
		}.bindAsEventListener(this.tabcreator));
		
		//bar
		Event.observe($(this.btnbar), 'click', function(event){
			//$(this.tabfunk.btnbar).src = "images/btnbar_hl.gif";
			 this.AB();
		}.bindAsEventListener(this.tabcreator));

		//rest
		Event.observe($(this.btnrest), 'click', function(event){
			 this.AS();
		}.bindAsEventListener(this.tabcreator));

		//
		Event.observe($(this.btnback), 'click', function(event){
			 this.erase();
		}.bindAsEventListener(this.tabcreator));


	this.resetbuttons = function(){
		$(this.btnh).src = "images/btnh.gif";
		$(this.btnp).src = "images/btnp.gif";
		$(this.btnb).src = "images/btnb.gif";	
		$(this.btnr).src = "images/btnr.gif";	
		$(this.btnfs).src = "images/btnfs.gif";	
		$(this.btnbs).src = "images/btnbs.gif";	
	}
	

	this.allbuttons = function(div){
		this.div = div;
		this.table = document.createElement('table');
		
	this.table.border = "1";
		this.table.width = "100%";
		this.table.style.backgroundColor = "#999999";
		
		this.tbody = document.createElement('tbody');
		
		this.tr1 = document.createElement('tr');

		this.td1 = document.createElement('td');
		this.td1.style.backgroundColor = "#003366";
		this.td1.style.fontSize = "10px";
		this.td1.style.color = "#FFFFFF";
		this.td1.height="10px";
		this.td1.width = "118px";
		this.td1.align="left";
			
			this.helplink = document.createElement('a');
		this.helplink.setAttribute('class', 'tiny_help');
		this.helplink.setAttribute('target', 'help');
		this.helplink.setAttribute('href', 'http://blog.guitartabcreator.com/2010/02/how-to-add-hammer-on-pull-offs-bends.html');
		this.helplink.innerHTML = "help";
		
		this.spanlabel = document.createElement('span');
	//	this.spanlabel.class="style7";
		this.spanlabel.id="lblcontrols";
		this.spanlabel.innerHTML = "Tab Controls";
		this.spanlabel.appendChild(this.helplink);
	
		this.td1.appendChild(this.btnreturn);
		this.td1.appendChild(this.spanlabel);	
		
		this.tr2 = document.createElement('tr');
		this.td2 = document.createElement('td');
		this.td2.style.backgroundColor = "#999999";
		this.td2div = document.createElement('div');
		this.td2div.id="crtls";
		this.td2div.align="center";
		
		this.td2div.appendChild(this.btnh);
		this.td2div.appendChild(this.btnb);
		this.td2div.appendChild(this.btnp);
		this.td2div.appendChild(this.btnr);
		this.td2div.appendChild(document.createElement('br'));
		this.td2div.appendChild(this.btnfs);
		this.td2div.appendChild(this.btnbs);
		this.td2div.appendChild(this.btnv);
		this.td2div.appendChild(this.btnbar);
		this.td2div.appendChild(document.createElement('br'));
		this.td2div.appendChild(this.btnrest);
		this.td2div.appendChild(this.btnback);
		

		this.tr1.appendChild(this.td1)
		this.td2.appendChild(this.td2div);
		this.tr2.appendChild(this.td2);
		
		this.tbody.appendChild(this.tr1);
		this.tbody.appendChild(this.tr2);
		this.table.appendChild(this.tbody);
		
		//this.table.appendChild(this.tr2);
		this.div.appendChild(this.table);
	
	}


	//	this.div.appendChild(btnh);

}