document.write("<style type='text/css'>#mainImage {visibility:hidden;}</style>");

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
    }
  }
}

window.onload = function(e) {	
	if(!NiftyCheck())
	    return;

	RoundedTop("div.title","#cca","#fff");
	RoundedBottom("div.sidebar","#cca","#eed");
	RoundedTop("div.roundTitle","#cca","#234");
	
	var myrules = {	
		'#mainImage' : 	function(element){
			imageId = 'mainImage';
			image = document.getElementById(imageId);
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			fadeIn(imageId,0);
		},
		".thumb" : function(element){
			element.onclick = function(){
				//Effect.Fade('center');
				imageId = 'mainImage';
				image = document.getElementById(imageId);
				setOpacity(image, 100);
				fadeOut(imageId,100);
			}
		},
		'#email' : function(element){
			element.onfocus = function(){
				document.login.email.value = ' ';
			}
		},
		'.delete' : function(element){
			element.onclick = function(){
				if (!confirm ('Are you sure you want to delete this?')) return false;
			}
		},
		'#password' : function(element){
			element.onfocus = function(){
				this.value = '';
			}
		},
		'#notice' : function(element){
			setTimeout("Effect.Puff ('notice')", 2000);
		},
		"#searchFirstLetter" : function(element){
			element.onchange	 = function(){
				if (this.value != '')
					eval("document.location='/songs/searchTitle/"+this.value+"'");
				else
					eval("document.location='/songs/show'");
			}
		},
		"#searchKey" : function(element){
			element.onchange	 = function(){
				if (this.value != '')
					eval("document.location='/songs/searchKey/"+this.value+"'");
				else
					eval("document.location='/songs/show'");
			}
		},
		"#sharps" : function(element){
			element.onchange	 = function(){
				var tappend = "?transpose=0";
				if (document.getElementById ('transpose').selectedIndex != '0') {
					tappend = "?transpose="+document.getElementById ('transpose').selectedIndex;
				}
				var append = "&sharps=1";
				if (document.getElementById ('sharps').selectedIndex == '1') {
					append = "&sharps=0";
				}
				var url = '';
				var regex=/&sharps=\d{1,}/g;
				url = document.URL.replace(regex,'');
				var regex=/\?transpose=\d{1,}/g;
				url = url.replace(regex,'');				
				
				eval("document.location='"+url+tappend+append+"'");
			}
		},
		"#transpose" : function(element){
			element.onchange	 = function(){
				var append = "&sharps=1";
				if (document.getElementById ('sharps').selectedIndex == '1') {
					append = "&sharps=0";
				}
				var url = '';
				var regex=/&sharps=\d{1,}/g;
				url = document.URL.replace(regex,'');
				var regex=/\?transpose=\d{1,}/g;
				url = url.replace(regex,'');
				
				
				eval("document.location='"+url+"?transpose="+this.value+append+"'");
			}
		},
		"#searchTextField" : function(element){
			element.onfocus = function(){
				this.value = '';
			}
		}
	}

	//Element.hide('specDetails');
   //Element.setInlineOpacity('specDetails', 0.0);
	
	
	Behaviour.register(myrules);
}