function trim(str) {        return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');    }
    
	window.addEvent('domready', function(){
		
		var tooltip = new Tips($$('.tooltip'), {
            
			initialize:function(){
                this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
            
			onShow: function(toolTip) {
				this.fx.start(1);
			},
            
			onHide: function(toolTip) {
				this.fx.start(0);
			}
		});
        
		var mySlide = new Fx.Slide('TafsirHolder', {mode: 'horizontal'});
		mySlide.hide();
        
		$('slidein').addEvent('click', function(e){
            e = new Event(e);
            mySlide.slideIn();
            e.stop();

		});
        
		$('slideout').addEvent('click', function(e){
            e = new Event(e);
            mySlide.slideOut();
            e.stop();
		});
        
		$('slideclose').addEvent('click', function(e){
            e = new Event(e);
            mySlide.slideOut();
            e.stop();
		});
        
		$('SliderIn').addEvent('click', function(e){
            e = new Event(e);
            mySlide.slideIn();
            e.stop();
		});
        
		$('SliderOut').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
		});
	    
	});
    
	function Increment(par_index)
	{
		if(par_index == 1 && parseInt(document.frm["repeatVerse"].value) < 13)
			document.frm["repeatVerse"].value = parseInt(document.frm["repeatVerse"].value) + 1;
		if(par_index == 2 && parseInt(document.frm["wait_period"].value) < 30 && document.frm['wait_period'].disabled != true)
			document.frm["wait_period"].value = parseInt(document.frm["wait_period"].value) + 1;
	}

	function Decrement(par_index)
	{
		if(par_index == 1 && parseInt(document.frm["repeatVerse"].value) > 1)
			document.frm["repeatVerse"].value = parseInt(document.frm["repeatVerse"].value) - 1;
		if(par_index == 2 && parseInt(document.frm["wait_period"].value) > 1 && document.frm['wait_period'].disabled != true)
			document.frm["wait_period"].value = parseInt(document.frm["wait_period"].value) - 1;
	}

	function UpdValue(par_index)
	{
		if(par_index == 1)
		{
			if(isNumeric(document.frm["repeatVerse"].value))
			{
				if(parseInt(document.frm["repeatVerse"].value) <= 0)
					document.frm["repeatVerse"].value=1;
				else if(parseInt(document.frm["repeatVerse"].value) > 13)
					document.frm["repeatVerse"].value=13;
			}
			else 
				document.frm["repeatVerse"].value=1;
		}
		if(par_index == 2)
		{
			if(isNumeric(document.frm["wait_period"].value))
			{
				if(parseInt(document.frm["wait_period"].value) <= 0)
					document.frm["wait_period"].value=1;
				else if(parseInt(document.frm["wait_period"].value) > 31)
					document.frm["wait_period"].value=31;
			}
			else 
				document.frm["wait_period"].value=1;
		}		
	}

	function isNumeric(strString)
	{
	   var strValidChars = "0123456789.";
	   var strChar;
	   var blnResult = true;

	   if (strString.length == 0) return false;

	   for (i = 0; i < strString.length && blnResult == true; i++)
	   {
		  strChar = strString.charAt(i);
		  if (strValidChars.indexOf(strChar) == -1)
		  {
			 blnResult = false;
		  }
	   }
	   return blnResult;
	}
	
	function menuItemClicked(elemId, state) {
	    var elem = document.getElementById(elemId);
        
        if(state == 0)
            elem.className = elem.className.replace(/active/gi, '');
        else if(state == 1)
            elem.className = elem.className.indexOf("active") == -1 ? (trim(elem.className) + ' active') : elem.className;
	}
	
	function setButton(id, mode) {
		
		var frm, btn_name;
		frm = document.frm;
        //btn_name = frm[id].src;
		//btn_name = btn_name.substring(btn_name.length-7,btn_name.length)
        
		var flag_all = "";
        
		if(frm["btn_tj_flag"].value == "1")
			flag_all++;
		if(frm["btn_ar_flag"].value == "1")
			flag_all++;
		if(frm["btn_en_flag"].value == "1")
			flag_all++;
		if(frm["btn_wbw_flag"].value == "1")
			flag_all++;
        
        
		if(frm[id + "_flag"].value == "")
		{
			if(id == "btn_tj")
			{
				if(frm["btn_ar_flag"].value == "1")
				{
					frm["btn_ar_flag"].value = "";
					menuItemClicked("btn_ar", 0);
					//frm["btn_ar"].src = "images/btn_ar_out.gif";
                    
					//frm[id + "_flag"].value = "1";
					//menuItemClicked(id, 1);
					//frm[id].src = "images/"+id+"_over.gif";
				}
			}
			if(id == "btn_ar")
			{
				if(frm["btn_tj_flag"].value == "1")
				{
					frm["btn_tj_flag"].value = "";
					menuItemClicked("btn_tj", 0);
					//frm["btn_tj"].src = "images/btn_tj_out.gif";
                    
					//frm[id + "_flag"].value = "1";
					//menuItemClicked(id, 1);
					//frm[id].src = "images/"+id+"_over.gif";
				}
			}
		    
		    frm[id + "_flag"].value = "1";
            menuItemClicked(id, 1);
			//frm[id].src = "images/"+id+"_over.gif";
		}
		else if(frm[id + "_flag"].value != "" && flag_all > 1)
		{
			frm[id + "_flag"].value = "2";
            menuItemClicked(id, 0);
			//frm[id].src = "images/"+id+"_out.gif";
		}
		
        
		if(frm["btn_ar_flag"].value != 1 && frm["btn_en_flag"].value != 1 && frm["btn_wbw_flag"].value != 1 && frm["btn_tj_flag"].value == 1)
			displayMode = 1;
		else if(frm["btn_ar_flag"].value != 1 && frm["btn_en_flag"].value != 1 && frm["btn_wbw_flag"].value == 1 && frm["btn_tj_flag"].value != 1)
			displayMode = 2;
		else if(frm["btn_ar_flag"].value != 1 && frm["btn_en_flag"].value != 1 && frm["btn_wbw_flag"].value == 1 && frm["btn_tj_flag"].value == 1)
			displayMode = 3;
		else if(frm["btn_ar_flag"].value != 1 && frm["btn_en_flag"].value == 1 && frm["btn_wbw_flag"].value != 1 && frm["btn_tj_flag"].value != 1)
			displayMode = 4;
		else if(frm["btn_ar_flag"].value != 1 && frm["btn_en_flag"].value == 1 && frm["btn_wbw_flag"].value != 1 && frm["btn_tj_flag"].value == 1)
			displayMode = 5;
		else if(frm["btn_ar_flag"].value != 1 && frm["btn_en_flag"].value == 1 && frm["btn_wbw_flag"].value == 1 && frm["btn_tj_flag"].value != 1)
			displayMode = 6;
		else if(frm["btn_ar_flag"].value != 1 && frm["btn_en_flag"].value == 1 && frm["btn_wbw_flag"].value == 1 && frm["btn_tj_flag"].value == 1)
			displayMode = 7;
		else if(frm["btn_ar_flag"].value == 1 && frm["btn_en_flag"].value != 1 && frm["btn_wbw_flag"].value != 1 && frm["btn_tj_flag"].value != 1)
			displayMode = 8;
		else if(frm["btn_ar_flag"].value == 1 && frm["btn_en_flag"].value != 1 && frm["btn_wbw_flag"].value == 1 && frm["btn_tj_flag"].value != 1)
			displayMode = 10;
		else if(frm["btn_ar_flag"].value == 1 && frm["btn_en_flag"].value == 1 && frm["btn_wbw_flag"].value != 1 && frm["btn_tj_flag"].value != 1)
			displayMode = 12;
		else if(frm["btn_ar_flag"].value == 1 && frm["btn_en_flag"].value == 1 && frm["btn_wbw_flag"].value == 1 && frm["btn_tj_flag"].value != 1)
			displayMode = 14;
		
		if(mode == 1 && flag_all != "")
		{
			retrievePage(currSura, -1, 0, 1);
		}
		
		if(frm[id + "_flag"].value == "2")
            frm[id + "_flag"].value = "";
		//alert(frm["btn_ar_flag"].value + ",,,," + frm["btn_en_flag"].value + ",,,," + frm["btn_wbw_flag"].value + ",,,," + frm["btn_tj_flag"].value)
	}

	function rolloverButton(id)
	{
		var frm, btn_name;
		frm = document.frm;

		btn_name = frm[id].src;
		btn_name = btn_name.substring(btn_name.length-7,btn_name.length)

		if(frm[id+"_flag"].value != "")
			frm[id].src = "images/"+id+"_over.gif";
		else
		{
			if(frm[id+"_flag"].value == "" && btn_name == "ver.gif")
				frm[id].src = "images/"+id+"_out.gif";
			else if(frm[id+"_flag"].value == "" && btn_name == "out.gif")
				frm[id].src = "images/"+id+"_over.gif";
		}
	}

	function rolloutButton(id)
	{
		var frm, btn_name;
		frm = document.frm;

		btn_name = frm[id].src;
		btn_name = btn_name.substring(btn_name.length-7,btn_name.length)

		if(frm[id+"_flag"].value == "")
		{
			if(frm[id+"_flag"].value == "" && btn_name == "ver.gif")
				frm[id].src = "images/"+id+"_out.gif";
			else if(frm[id+"_flag"].value == "" && btn_name == "out.gif")
				frm[id].src = "images/"+id+"_over.gif";
		}
		if(frm[id+"_flag"].value == "2")
			frm[id+"_flag"].value = "";
	}

	function showOptions(objLink, sOptionsId)
	{
		objLink.className = "linkSelected";
		document.getElementById(sOptionsId).style.display = "block";
	}

	function hideOptions(objLink, sOptionsId)
	{
		objLink.className = "link";
		document.getElementById(sOptionsId).style.display = "none";
	}

	function showTafsir(id)
	{
		if(id == "1") {
			document.getElementById('SliderIn').style.display = "none";
			document.getElementById('SliderIn').style.visibility = "hidden";
			document.getElementById('SliderOut').style.display = "block";
			document.getElementById('SliderOut').style.visibility = "visible";
		} else if(id == "2") {
			document.getElementById('SliderOut').style.display = "none";
			document.getElementById('SliderOut').style.visibility = "hidden";
			document.getElementById('SliderIn').style.display = "block";
			document.getElementById('SliderIn').style.visibility = "visible";
		}
	}
	
	 function selectSearchType(id)
	 {
		if(id == "1")
		{
			document.getElementById('Search').style.display = "none";

			document.getElementById('Roots').style.display = "block";
		}
		else if(id == "2")
		{
			document.getElementById('Roots').style.display = "none";

			document.getElementById('Search').style.display = "block";
		}
	 }