function sl(id) { return document.getElementById(id); }
var timeout    = 300; //dropdown hide
var closetimer = 0;
var ddmenuitem = 0;
var ok=0;

function wr(item){
	var input=sl('area');
	input.focus();
	if (input.setSelectionRange) {
         var srt = input.selectionStart;
         var len = input.selectionEnd;
        if (srt < len) srt++;
         input.value = input.value.substr(0,srt)+item+input.value.substr(len);
         input.setSelectionRange(srt+1,srt+1);
	}
	else{
	var range=document.selection.createRange();
	range.text=item;}
	input.focus();
	input.scrollTop = input.scrollHeight;	
	}
	
var t=0;
var v=0;
var s=0;
function check(el){
var a=sl("chk_trans");
var b=sl("chk_virtual");
var c=sl("chk1");
if(el=='trans'){
	
	//ex or gecko
	sl('area').focus();
  	if(t==0){
	$.cookie("transMethode", "trans", {  expires: 100 });
	if(sl('area').setSelectionRange){
	sl('area').onkeyup =  function(){ a=sl('area').value;  sl('area').value=trans(a); }; 
	}
	else {
	sl('area').onkeyup =  function(){ a=sl('area').value;  sl('area').value=trans(a); };
	}

//shwo 
	sl("area").onkeypress = showChar;
	$('#contour').slideDown("slow");
	a.style.backgroundPosition="-133px -2px";
	b.style.backgroundPosition="-147px -2px";
	t=1;v=0;
	}		
	else if(t==1){
	$.cookie("transMethode", null);
	sl("area").onkeyup= "";
	sl("area").onkeypress= "";
	$('#contour').slideUp("slow");
	a.style.background="url(i/inputs) no-repeat -147px -2px";
	t=0;v=0;
	}
	if(sl('k').src=="http://www.arabic-keyboard.org/clavier-arabe/i/virtual_keyboard.png"){
	sl('k').src="i/keyboard.png";
	}
	$('#transform').css({borderColor:'#55B5ED'})
	
}
else if(el=="virtual"){
	
   	if(v==0){
	$.cookie("transMethode", "virtual", {  expires: 100 });
	sl("area").onkeyup = virtual;
	a.style.backgroundPosition="-147px -2px";
	b.style.backgroundPosition="-133px -2px";
	v=1;t=0;
	}		
	else if(v==1){
	$.cookie("transMethode", null);
	sl("area").onkeyup= "";
	sl("area").onkeypress= "";
	b.style.backgroundPosition="-147px -2px";
	v=0;t=0;	
	}
	$('#contour').slideUp("slow");
	
	if(sl('k').src=="http://www.arabic-keyboard.org/clavier-arabe/i/keyboard.png"){
	sl('k').src="i/virtual_keyboard.png";
	} 
	$('#transform').css({borderColor:'#55B5ED'});
	
}

if(el=='sbi'){
	
  	if(s==0){
	sl("sbi").onkeyup = function(){ a=sl('sbi').value; ; sl('sbi').value=trans(a); };
	sl("sbi").onkeypress = showChar;
	$('#contour').slideDown("slow");
	c.style.backgroundPosition="-133px -2px";
	s=1;
	}		
	else if(s==1){
	sl("sbi").onkeyup= "";
	sl("sbi").onkeypress= "";
	$('#contour').slideUp("slow");
	c.style.backgroundPosition="-147px -2px";
	s=0;
	}
}
if(v==0 && t==0){
$('#transform').css({borderColor:'#ccc'}) 
}

}


function trans(p){
var en2ar=new Array(
	"3","ع",
	"a","ا",  
	"b","ب","p","ب",  
	"t","ت",
	"7","ح",
	"c","ث","سس","ث","ت'","ث",  
	"j","ج",
	"ح'","خ","x","خ","5","خ",
	"k","ك",  
	"d","د",  
	"د'","ذ", 
	"r","ر",  
	"z","ز","ر'","ز",  "R","ز",
	"s","س", 
	"ثه","ش","س'","ش",
	"S","ص","9","ص",
	"ص'","ض","D","ض","9'","ض",
	"T","ط","6","ط",
	"ط'","ظ","Z","ظ",
	"ع'","غ","gه","غ","ع'","غ","gه","غ",
	"f","ف","v","ف",
	"ك'","ق","K","ق","q","ق", 
	"l","ل",
	"m","م",
	"n","ن",
	"h","ه",
	"w","و","o","و","u","و",
	"y","ي","i","ي",
	"e","آ",
	"و'","ؤ","وء","ؤ",
	"ءي","ئ","ء#","ئ", "ي'","ئ",
	"#","ى", "آآ","ى", 
	"اءء","إ","I","إ","A","إ",
	"ءا","أ","ا'","أ",
	"_","ـ",
	"2","ء","-","ء",
	"ه'","ة", "H","ة",
	//7arakat
	"ا=","َ", 
	"و=","ُ", 
	"ي=","ِ",
	"ون=","ٌ",
	"ين=","ٍ",
	"ان=","ً",
	"1","أ",
	"ءءء","ــــــ"
);
 
	
	
	for(i=0;i<en2ar.length;i=i+2){
		p=p.replace(en2ar[i],en2ar[i+1]);
	}
	return p;
	
}	

function virtual(){
var en2ar=new Array(	
	"1","١",
	"2","٢",
	"3","٣",
	"4","٤",
	"5","٥",
	"6","٦",
	"7","٧",
	"8","٨",
	"9","٩",
	"0","٠",
	"q","ض",
	"w","ص",
	"e","ث",
	"r","ق",
	"t","ف",
	"y","غ", 
	"u","ع",
	"i","ه",
	"o","خ",
	"p","ح",
	'{','ج', '[','ج', 
	"}","د", "]","د", 
	"a","ش",
	"s","س",
	"d","ي",
	"f","ب",
	"g","ل",
	"h","ا",
	"j","ت",
	"k","ن",
	"l","م",  
	";","ك",
	"\'","ط", 
	"z","ئ",  
	"x","ء",
	"c","ؤ",
	"v","ر",".","ز",
	"b","لا", 
	"n","ى",
	"m","ة",
	"<","و",
	",","و",
	"-","ظ","/","ظ",
	"D","ذ","Y","إ","Q","َ","W","ً","E","ُ","A","ِ","S","ٍ",
	"G","لأ","H","أ","T","لإ","Y","إ","B","لآ","N","آ","J","ـ","K","،",
	//German 
	"ä","ط","ö","ك","ü","ج", "+","د" 
	);
 
	
    br=sl("area").value;
	for(i=0;i<en2ar.length;i=i+2){
		br=br.replace(en2ar[i],en2ar[i+1]); 
	}			
	sl("area").value=br;
}	





function change(inhalt,no,a){
	sl('cse-search-box').action=inhalt;
	sl('bild').src=no;
	sl('sbi').focus();
	var El=sl('auswahl').getElementsByTagName("a")
	var c=El.length;
	for(i=0; i<c; i++ ){
	El[i].style.borderBottom="0px solid #fff";
	El[i].style.color="#999";}
	a.style.borderBottom="2px solid #FF3333";
	a.style.color="#444"; 
}

function OnSubmitForm()
{
  if(document.pressed == '1')
  {  sl('send').action ="/save.php"; }
  else if(document.pressed == '2') {
    sl('send').action ="/print.php";
  }
  else if(document.pressed == '3') {
    sl('send').action ="/editor/index.php";
  }
  else if(document.pressed == '4') {
    sl('send').action ="/translate/index.php";
  }
  
  return true;
}

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
    ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}
function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}

 

function op(el){
	var input=sl("area").value;
	var encode = encodeURI(input);
 if(el=="back"){
 		var target = sl("area");
		target.focus();
        if (target.setSelectionRange) {
         var srt = target.selectionStart;
         var len = target.selectionEnd;
        if (srt < len) srt++;
         target.value = target.value.substr(0, srt - 1) + 
		 target.value.substr(len);
         target.setSelectionRange(srt - 1, srt - 1);
		 target.focus();
        } else 
		if (target.createTextRange) {
		 self.VKI_range = document.selection.createRange();
         try { self.VKI_range.select(); } 
		catch(e) {}
		  self.VKI_range = document.selection.createRange();
          if (!self.VKI_range.text.length) 
		  self.VKI_range.moveStart('character', -1);
          self.VKI_range.text = "";
		  target.focus(); }	
		else target.value = target.value.substr(0, target.value.length - 1);
		     target.focus();
			return true;
 
  }
  else if(el=="search"){  
	sl("sbi").value = input;
	 sl('sbi').style.borderColor='#55B5ED';
  }
else if(el=="google"){
	MeinFenster = window.open("http://www.arabic-keyboard.org/search/?cx=partner-pub-1712545686841324%3Avo83cg-ig7m&cof=FORID%3A9&ie=UTF-8&q="+encode);
   }
    else{
  MeinFenster = window.open("http://www.youtube.com/results?search_type=&search_query="+encode);
  }
}
 


function showChar(e){
	var h;
	if(document.selection){
	var g=window.event.keyCode;} else {
	var g=e.charCode;}
	var t=String.fromCharCode(g);
switch (t) {
case "3": tip = " 3'=&#1594; ";break;
case "2": tip = " ee = &#1609; /  i' = &#1574; / o' =  &#1572; " ;break;
case "a": tip = " # = ى / a = &#1575; / a' = &#1571; / A = &#1573;  ";break;
case "b": tip = " p = &#1576;  ";break;
case "c": tip = " s = &#1587;  /  ss = &#1579; ";break;
case "h": tip = " 7' = خ   /  x = خ  / H = ة ";break;
case "7": tip = " 7' = خ    ";break;
case "k": tip = " q = &#1602; ";break;
case "g": tip = " j = &#1580; ";break;
case "q": tip = " k = &#1603; ";break;
case "d": tip = " d' = &#1584; / D = &#1590;";break;
case "e": tip = " 2 = &#1569; /  i' = &#1574; / o' =  &#1572;";break;
case "r": tip = " r' = &#1586;  / R = &#1586; ";break;
case "s": tip = " c = &#1579; / S = &#1589; / ch = &#1588;  ";break;
case "9": tip = " ch = &#1588;  / s' = &#1588; / S = &#1589;";break;
case "i": tip = " A = &#1573;  / i = &#1610; / y = &#1610;";break;
case "y": tip = " A = &#1573;  / i = &#1610; / y = &#1610;";break;
case "z": tip = " d' = &#1584; / r' = &#1586; / R = &#1586;";break;
case "t": tip = " T = &#1591;  / T' = &#1592; / t' = &#1579;";break;
default:  tip ="";  
	}
 sl("hinweis").innerHTML=tip;
}






(function($) {
	/* private variable "oHover" used to determine if you're still hovering over the same element */
	var textarea, staticOffset;  // added the var declaration for 'staticOffset' thanks to issue logged by dec.
	var iLastMousePos = 0;
	var iMin = 32;
	var grip;
	/* TextAreaResizer plugin */
	$.fn.TextAreaResizer = function() {
		return this.each(function() {
		    textarea = $(this).addClass('processed'), staticOffset = null;

			// 18-01-08 jQuery bind to pass data element rather than direct mousedown - Ryan O'Dell
		    // When wrapping the text area, work around an IE margin bug.  See:
		    // http://jaspan.com/ie-inherited-margin-bug-form-elements-and-haslayout
		    $(this).wrap('<div class="resizable-textarea"><span></span></div>')
		      .parent().append($('<div class="grippie"></div>').bind("mousedown",{el: this} , startDrag));

		    var grippie = $('div.grippie', $(this).parent())[0];
		    grippie.style.marginRight = (grippie.offsetWidth - $(this)[0].offsetWidth) +'px';

		});
	};
	/* private functions */
	function startDrag(e) {
		textarea = $(e.data.el);
		textarea.blur();
		iLastMousePos = mousePosition(e).y;
		staticOffset = textarea.height() - iLastMousePos;
		textarea.css('opacity', 0.25);
		$(document).mousemove(performDrag).mouseup(endDrag);
		return false;
	}

	function performDrag(e) {
		var iThisMousePos = mousePosition(e).y;
		var iMousePos = staticOffset + iThisMousePos;
		if (iLastMousePos >= (iThisMousePos)) {
			iMousePos -= 5;
		}
		iLastMousePos = iThisMousePos;
		iMousePos = Math.max(iMin, iMousePos);
		textarea.height(iMousePos + 'px');
		if (iMousePos < iMin) {
			endDrag(e);
		}
		return false;
	}

	function endDrag(e) {
		$(document).unbind('mousemove', performDrag).unbind('mouseup', endDrag);
		textarea.css('opacity', 1);
		textarea.focus();
		textarea = null;
		staticOffset = null;
		iLastMousePos = 0;
	}

	function mousePosition(e) {
		return { x: e.clientX + document.documentElement.scrollLeft, y: e.clientY + document.documentElement.scrollTop };
	};
	
})(jQuery);


this.searchfield = function(){
	
	var suggestion = true;
	var suggestionText =""; 	
	var field = sl("sbi");	
	var jfield =$("#sbi");
	var classInactive = "sf_inactive";
	var classActive = "sf_active";
	var classText = "sf_text";
	var list=sl('liste');

	this.safari = ((parseInt(navigator.productSub)>=20020000)&&(navigator.vendor.indexOf("Apple Computer")!=-1));

	if(field && !safari){
		
		field.c = field.className;		
		field.className = field.c + " " + classInactive;
		
		field.onfocus = function(){
			this.className = this.c + " "  + classActive;  
		
			
		};
		field.onblur = function(){
			this.className = (this.value != "") ? this.c + " " +  classText : this.c + " " +  classInactive;
			clearList();
		};
		if (suggestion){
			
			var selectedIndex = 0;
			
			field.setAttribute("autocomplete", "off");
			field.onkeypress = function(e){
				
				var key = getKeyCode(e);
		
				if(key == 13){ // enter
					selectList();						
					selectedIndex = 0;
					clearList();
					return true;
				};	
			};
			
			
			jfield.bind("keyup", function(e){
			
				var key = getKeyCode(e);
		
				switch(key){
				case 13:
					return false;
					break;			
				case 27:  // esc
					field.value = "";
					selectedIndex = 0;
					clearList();
					break;				
				case 38: // up
					navList("up"); 
					selectList(this.i);	
					break;
				case 40: // down
					navList("down");
					selectList(this.i);						
					break;
				default:
				
					ajax();		
								
					break;
				};
			});
			
			function ajax(){	
				$.ajax({
				   type: "GET",
				   url: "/function/hole.php",
				   data: "q="+field.value,
				   success: function(msg){
				   suggestionText=msg;
				   startList();
					
				   }
				});
			}
			
			this.startList = function(){
				var arr = getListItems(field.value);
				if(field.value.length > 0 && field.value.length<30){
					createList(arr);
				} else {
					clearList();
				};	
			};
			
			this.getListItems = function(value){
				var arr = new Array();
				var src = suggestionText;
				var src = src.replace(/, /g, ",");
				var arrSrc = src.split(",");
				for(i=0;i<arrSrc.length;i++){
					if(arrSrc[i].substring(0,value.length).toLowerCase() == value.toLowerCase()){
						arr.push(arrSrc[i]);
					};
				};				
				return arr;
			};
			
			this.createList = function(arr){				
				resetList();			
				if(arr.length > 0) {
					for(i=0;i<arr.length;i++){				
						li = document.createElement("li");
						a = document.createElement("a");
						a.href = "javascript:void(0);";
						a.i = i+1;
						a.innerHTML = arr[i];
						li.i = i+1;
						li.onmouseover = function(){
							navListItem(this.i);
											
						};
						a.onmousedown = function(){
							selectedIndex = this.i;
							selectList(this.i);	
							sl('cse-search-box').submit();
							clearList();
							return false;
						};					
						li.appendChild(a);
						list.setAttribute("tabindex", "-1");
						list.appendChild(li);	
					};	
					$('.sf_suggestion ul').slideDown("fast");			
				} else {
					clearList();
				};
			};	
			
			this.resetList = function(){
				var li = list.getElementsByTagName("li");
				var len = li.length;
				for(var i=0;i<len;i++){
					list.removeChild(li[0]);
				};
			};
			
			this.navList = function(dir){			
				selectedIndex += (dir == "down") ? 1 : -1;
				li = list.getElementsByTagName("li");
				if (selectedIndex < 1) selectedIndex =  li.length;
				if (selectedIndex > li.length) selectedIndex =  1;
				navListItem(selectedIndex);
			};
			
			this.navListItem = function(index){	
				selectedIndex = index;
				li = list.getElementsByTagName("li");
				for(var i=0;i<li.length;i++){
					li[i].className = (i==(selectedIndex-1)) ? "selected" : "";
				};
			};
			
			this.selectList = function(){
				li = list.getElementsByTagName("li");	
				a = li[selectedIndex-1].getElementsByTagName("a")[0];
				field.value = a.innerHTML;
			
			};			
			
		};
	};
	
	this.clearList = function(){
		if(list){ 
			$('.sf_suggestion ul').fadeOut("fast");
			selectedIndex = 0;
		};
	};		
	this.getKeyCode = function(e){
		var code;
		if (!e) var e = window.event;
		if (e.keyCode) code = e.keyCode;
		return code;
	};
	
};


// script initiates on page load. 

this.addEvent = function(obj,type,fn){
	if(obj.attachEvent){
		obj['e'+type+fn] = fn;
		obj[type+fn] = function(){obj['e'+type+fn](window.event );}
		obj.attachEvent('on'+type, obj[type+fn]);
	} else {
		obj.addEventListener(type,fn,false);
	};
};
addEvent(window,"load",searchfield);


jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); 
        }
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { 
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
						if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};
		
function toSearch(){
	sl('sbi').value=sl('ssg').firstChild.nodeValue; 
	sl('cse-search-box').submit();
}	
function getSearch(){
	
	var a=sl('area').value;
	if(a.length>0 && a.length<10){
		$.get("/function/onesug.php", { q: sl('area').value },
		function(data){
		 sl('ssg').innerHTML="";
		 sl('ssg').innerHTML=data;
		 if(data!=''){
		 $('#to-search').fadeIn("normal");
		 } else{ $('#to-search').fadeOut("slow")}
		});
	}
	else{ 
			$('#to-search').fadeOut("fast"); 
			if(a.length>30){
			$('area').unbind("click",getSearch);
			$('#area').unbind("keyup",getSearch);
			}
	}
	
}
function setArea(){		
	$("#to-search").animate({ 
		opacity: 0,
		top:'8px',
		right:'-5px'
	
	}, 300 ).hide("slow");;
	sl('area').value=sl('ssg').firstChild.nodeValue; 
	sl('area').focus();
}	 
 
$(document).ready(function() {	
			
		$('textarea.resizable:not(.processed)').TextAreaResizer();
		$('iframe.resizable:not(.processed)').TextAreaResizer();
		$('#nav > li').bind('mouseover', jsddm_open);
		$('#nav > li').bind('mouseout',  jsddm_timer);   
				
		if($.cookie("transMethode")=="trans"){check("trans")}
		if($.cookie("transMethode")=="virtual"){check("virtual")}
		if($.cookie("transPlus")=="sbi"){check('sbi')}
	
		$('area').bind("click",getSearch);
		$('#area').bind("keyup",getSearch);
		$('#ssg').bind("click",setArea);
		
		sl('area').focus();	
		$('#sbb').one("mouseenter",function(){
			$.ajax({
			type: "GET",
			url: "/function/suggest.php",
			data: "q="+sl('sbi').value
			}); 
	
		});
		
			
});