//Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated Aug 1st, 07'. Fixed bug with "block" parameter not working when persist is enabled
//Updated June 27th, 07'. Added ability for a DIV to be initially expanded.

var uniquepageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "") //get current page path and name, used to uniquely identify this page for persistence feature

function animatedcollapse(divId, animatetime, persistexpand, initstate){
	this.divId=divId
	this.divObj=document.getElementById(divId)
	this.divObj.style.overflow="hidden"
	this.timelength=animatetime
	this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
	this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value
	this.contentheight=parseInt(this.divObj.style.height)
	var thisobj=this
	if (isNaN(this.contentheight)){ //if no CSS "height" attribute explicitly defined, get DIV's height on window.load
		animatedcollapse.dotask(window, function(){thisobj._getheight(persistexpand)}, "load")
		if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" && this.isExpanded!="") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
			this.divObj.style.visibility="hidden" //hide content (versus collapse) until we can get its height
	}
	else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" && this.isExpanded!="") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //just collapse content if CSS "height" attribute available
	if (persistexpand)
		animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
}

animatedcollapse.prototype._getheight=function(persistexpand){
	this.contentheight=this.divObj.offsetHeight
	if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //collapse content
		this.divObj.style.visibility="visible"
	}
	else //else if persistence is enabled AND this content should be expanded, define its CSS height value so slideup() has something to work with
		this.divObj.style.height=this.contentheight+"px"
}


animatedcollapse.prototype._slideengine=function(direction){
	var elapsed=new Date().getTime()-this.startTime //get time animation has run
	var thisobj=this
	if (elapsed<this.timelength){ //if time run is less than specified length
		var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength)
	this.divObj.style.height=distancepercent * this.contentheight +"px"
	this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
	}
	else{ //if animation finished
		this.divObj.style.height=(direction=="down")? this.contentheight+"px" : 0
		this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
		this.runtimer=null
	}
}


animatedcollapse.prototype.slidedown=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==0){ //if content is collapsed
			this.startTime=new Date().getTime() //Set animation start time
			this._slideengine("down")
		}
	}
}

animatedcollapse.prototype.slideup=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==this.contentheight){ //if content is expanded
			this.startTime=new Date().getTime()
			this._slideengine("up")
		}
	}
}

animatedcollapse.prototype.slideit=function(){
	if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
		alert("Please wait until document has fully loaded then click again")
	else if (parseInt(this.divObj.style.height)==0)
		this.slidedown()
	else if (parseInt(this.divObj.style.height)==this.contentheight)
		this.slideup()
}


animatedcollapse.prototype.Abdulla=function(){
	alert('hi there');
}

// -------------------------------------------------------------------
// A few utility functions below:
// -------------------------------------------------------------------

animatedcollapse.curveincrement=function(percent){
	return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
}


animatedcollapse.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false)
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref)
}

animatedcollapse.getCookie=function(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return ""
}

animatedcollapse.setCookie=function(name, value){
		document.cookie = name+"="+value
}
 animatedcollapse.prototype.PrintDiv=function()
   {
   alert("sdasdada");
   
//   //Print Content of the Div in a New Blank Window
    var disp_setting="toolbar=no,location=no,directories=no,menubar=no,";
   disp_setting+="scrollbars=no,left=0,top=0,resizable=yes,width=900, height=650,";
  
   var content_vlue = this.divObj.innerHTML;
     
   var docprint=window.open("","",disp_setting);

    docprint.document.open();
    
   docprint.document.write("<html dir=ltr><head><title>Jordan Securities Commission</title>");
     
//    //For Adding the proper StyleSheet
    if(3==3)
    
   {
   docprint.document.write("<link href=\'../App_Themes/PublicEn_Theme/PublicEn_Print.css\' rel=\'stylesheet\' type=\'text/css\' />");
   }
    else
    {
    docprint.document.write("<link href=\'../App_Themes/PublicAr_Theme/PublicAr_Print.css\' rel=\'stylesheet\' type=\'text/css\' />");
    }
   alert("aaaaa");
   docprint.document.write('</head><body onLoad="self.print()">');          
    docprint.document.write(content_vlue);          
   docprint.document.write("</body></html>"); 
      
    docprint.document.close(); 
    docprint.focus(); 
    alert("aaaaa");
}
//===================================
//2.
  //Note: The New One .
   animatedcollapse.prototype.PrintDivTemplateen= function(title)
   {
      //Print Content of the Div in a Standard Template
    var titlex=title + "" 
  titlex=titlex.replace("$","'");
  titlex=titlex.replace("#","\"");
    var disp_setting="toolbar=no,location=no,directories=no,menubar=no,";
    disp_setting+="scrollbars=yes,left=0,top=0,resizable=yes,width=900, height=650,";
    var content_vlue = this.divObj.innerHTML.replace("$","'")
    var docprint=window.open("","",disp_setting);
    docprint.document.open();
    docprint.document.write('<html dir="ltr"><head><link href="../App_Themes/PublicEn_Theme/PublicAr_StylSheet.css" rel="stylesheet" type="text/css" /><title></title>');
    //For Adding the proper StyleSheet
  
    docprint.document.write('</head><body bgcolor="#FFFFFF" onLoad="self.print()">'); 
    docprint.document.write("<center>"); 
    docprint.document.write("<table border='0' height=100% cellpadding='0' cellspacing='0' bgcolor='#FFFFFF' width='778px'>");   
    docprint.document.write("<tr><td width='23'></td>");         
    docprint.document.write('<td width="171px" valign=top><img src="../public_images/logo.jpg"></td><td width="96px"></td>'); 
    docprint.document.write('<td valign=top><br />'); 
    docprint.document.write('<p align="center" style="font-family: arial; font-size: 15pt; color: #C90956; font-weight: normal;">Jordan Securities Commission</p>'); 
    docprint.document.write('<p align="center"  style="font-family: arial; font-size: 8pt; color: #747474; font-weight: bold;">');
    docprint.document.write('');	
    docprint.document.write('</p></td><td width="41px"></td></tr><tr><td colspan="5" height="19px"></td></tr>');			
    docprint.document.write('<tr><td colspan="5" background="../Public_Images/bar_bg.gif" height="7px"></td></tr>');		
    docprint.document.write('<tr><td width="23"></td><td colspan="3" background="../Public_Images/header_bg.gif" height="22px"></td><td width="41"></td></tr>');		
    docprint.document.write('<tr><td width="23"></td><td colspan="3"><tr><td width="23"></td><td colspan="3" height=90% class="text" valign=top>');		
    docprint.document.write('<table class="text" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td colspan=2><b>' + titlex + '</b></td></tr><tr><td width="23"></td><td width=100% height="10" valign=top>');		
    docprint.document.write(content_vlue);
    docprint.document.write('<br></td><td width="41"></td></tr></table>');	
    docprint.document.write('</td><td width="41"></td></tr><tr><td colspan="5" background="../public_images/bar_bg.gif" height="7px"></td></tr>');                                   
    docprint.document.write('<tr><td width="23"></td><td colspan="3" align="center" style="font-family: arial; font-size: 9pt; color: #747474; font-weight: normal;">');                
    docprint.document.write('<font color="#000000"><a onclick=\'window.open("http://www.JSC.com/","","")\' style="font-family: arial; font-size: 9pt; color: #747474; font-weight: normal;cursor:pointer;text-decoration:underline">http://www.JSC.com/</a></font></td><td width="41"></td></tr>');                
    docprint.document.write('</table></center>');            
    docprint.document.write("</body></html>"); 
    docprint.document.close(); 
    docprint.focus(); 
}
  animatedcollapse.prototype.PrintDivTemplatear= function(title)
   {
      //Print Content of the Div in a Standard Template
  var titlex=title + "" 
  titlex=titlex.replace("$","'");

  for(i =0 ; i <= titlex.length; i++)
  {if (titlex.charAt(i)=="#")
 titlex=titlex.replace("#","\"");
 }
    var disp_setting="toolbar=no,location=no,directories=no,menubar=no,";
    disp_setting+="scrollbars=yes,left=0,top=0,resizable=yes,width=900, height=650,";
    var content_vlue = this.divObj.innerHTML.replace("$","'");
    var docprint=window.open("","",disp_setting);
    docprint.document.open();
    docprint.document.write("<html dir=rtl><head><link href=../App_Themes/PublicAr_Theme/PublicAr_StylSheet.css rel=stylesheet type=text/css /><title></title>");
    //For Adding the proper StyleSheet
  
    docprint.document.write("</head><body bgcolor=#FFFFFF onLoad=self.print()>"); 
    docprint.document.write("<center>"); 
    docprint.document.write("<table border=0 height=100% cellpadding='0' cellspacing='0' bgcolor='#FFFFFF' width='778px'>");   
    docprint.document.write("<tr><td width=23></td>");         
    docprint.document.write('<td width="171px" valign=top><img src="../public_images/logo.jpg"></td><td width="96px"></td>'); 
    docprint.document.write('<td valign=top><br />'); 
    docprint.document.write('<p align="center" style="font-family: arial; font-size: 15pt; color: #C90956; font-weight: normal;">&#1607;&#1610;&#1574;&#1577; &#1575;&#1604;&#1571;&#1608;&#1585;&#1575;&#1602; &#1575;&#1604;&#1605;&#1575;&#1604;&#1610;&#1577;</p>'); 
    docprint.document.write('<p align="center"  style="font-family: arial; font-size: 8pt; color: #747474; font-weight: bold;">');
    docprint.document.write('');	
    docprint.document.write('</p></td><td width="41px"></td></tr><tr><td colspan="5" height="19px"></td></tr>');			
    docprint.document.write('<tr><td colspan="5" background="../Public_Images/bar_bg.gif" height="7px"></td></tr>');		
    docprint.document.write('<tr><td width="23"></td><td colspan="3" background="../Public_Images/header_bg.gif" height="22px"></td><td width="41"></td></tr>');		
    docprint.document.write('<tr><td width="23"></td><td colspan="3"><tr><td width="23"></td><td colspan="3" height=90% class="text" valign=top>');		
    docprint.document.write('<table class="text" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td colspan=2 ><b>' + titlex + '</b></td></tr><tr><td width="23"></td><td  width=100% height="10" valign=top>');		
    docprint.document.write(content_vlue);
    docprint.document.write('<br></td><td width="41"></td></tr></table>');	
    docprint.document.write('</td><td width="41"></td></tr><tr><td colspan="5" background="../public_images/bar_bg.gif" height="7px"></td></tr>');                                   
    docprint.document.write('<tr><td width="23"></td><td colspan="3" align="center" style="font-family: arial; font-size: 9pt; color: #747474; font-weight: normal;">');                
    docprint.document.write('<font color="#000000"><a onclick=\'window.open("http://www.JSC.com/","","")\' style="font-family: arial; font-size: 9pt; color: #747474; font-weight: normal;cursor:pointer;text-decoration:underline">http://www.JSC.com/</a></font></td><td width="41"></td></tr>');                
    docprint.document.write('</table></center>');            
    docprint.document.write("</body></html>"); 
    docprint.document.close(); 
    docprint.focus(); 
}