//Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last 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") //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") //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()
}

// -------------------------------------------------------------------
// 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, days){
	if (typeof days!="undefined"){ //if set persistent cookie
		var expireDate = new Date()
		var expstring=expireDate.setDate(expireDate.getDate()+days)
		document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()
	}
	else //else if this is a session only cookie
		document.cookie = name+"="+value
}

function togglemouseoverON(Currentstar)
 {
   for(var i=1;i<=5;i++)
   {
      if(i <= Currentstar)
      {
        document.getElementById("img"+i).src = "/favourites/images/StarG.gif";
      }
      else
      {
        document.getElementById("img"+i).src = "/favourites/images/StarW.gif";
      }
   }
 }

 function togglemouseoverOFF(CurrentRating)
 {
   for(var i=1;i<=5;i++)
   {
      if(i <= CurrentRating)
      {
        document.getElementById("img"+i).src = "/favourites/images/StarG.gif";
      }
      else
      {
        document.getElementById("img"+i).src = "/favourites/images/StarW.gif";
      }
   }
   if(CurrentRating == 0)
   {
      document.getElementById("img1").src = "/favourites/images/StarW.gif";
      document.getElementById("img2").src = "/favourites/images/StarW.gif";
      document.getElementById("img3").src = "/favourites/images/StarW.gif";
      document.getElementById("img4").src = "/favourites/images/StarW.gif";
      document.getElementById("img5").src = "/favourites/images/StarW.gif";
   }
 }

 function returnRated(returnstuff)
 {
   //alert(returnstuff);
   document.getElementById("favContainer").innerHTML = returnstuff;
 }
 
 function addToFavRating(uid,MandateID,Rating)
 {
   //collapse2.slideit();
  
   jsrsExecute("/asp/js/remote/rs_favourites_functions.asp", returnRated, "addFavAndRating", Array(uid,MandateID,Rating));
   //document.getElementById("cat").innerHTML = "<img border=\"0\" src=\"/images/spinner.gif\" width=\"16\" height=\"16\">";
 }
 
 function togglemouseoverON1(Currentstar,img)
 {
   for(var i=1;i<=5;i++)
   {
      if(i <= Currentstar)
      {
      
        document.getElementById(img+""+i).src = "/favourites/images/StarG.gif";
        
      }
      else
      {
     
        document.getElementById(img+""+i).src = "/favourites/images/StarW.gif";
         
      }
   }
 }

 function togglemouseoverOFF1(CurrentRating,img)
 {
   for(var i=1;i<=5;i++)
   {
      if(i <= CurrentRating)
      {
        document.getElementById("img"+i).src = "/favourites/images/StarG.gif";
      }
      else
      {
        document.getElementById("img"+i).src = "/favourites/images/StarW.gif";
      }
   }
   
 }

 function returnRated1(returnstuff)
 {
   
   returns = returnstuff.split(";;");
   returnst =  returns[0];
   favContainer = returns[1];
   //alert(returnstuff);
   //alert(returns[1]);
      document.getElementById(favContainer).innerHTML = returnst;
 }
  
 function addToFavRating1(uid,MandateID,Rating,cat)
 {
   //collapse2.slideit();
  //alert(cat);
   jsrsExecute("/asp/js/remote/rs_favourites_functions.asp", returnRated1, "addFavAndRatings", Array(uid,MandateID,Rating,cat));
   //document.getElementById(cat).innerHTML = "<img border=\"0\" src=\"/images/spinner.gif\" width=\"16\" height=\"16\">";
 }
 function comeback(Comment2)
 {
 		alert("it worked");
 		alert(Comment2);	
 		
 		InfoBubble(Comment2, 300);
 		
 	  //<a href=\'popup.asp' onMouseover=\"javascript:InfoBubble(\'Comment\', 300);\" onMouseout=\"hideddrivetip();\"> ddd </a>		
 		//arrToolTipDescription["Comment"]= comment2; //document.getElementById("commentdiv").innerHTML = Comment2; 	
 		
 		document.getElementById("commentdiv").innerHTML = "<a href=\'popup.asp' onMouseover=\"javascript:InfoBubble(\'Comment\', 300);\" onMouseout=\"hideddrivetip();\">Comment ddd</a>";
 }
 
 function saveComment(uid,MandateID)
 {
		var Comment = document.getElementById("commentbox").value;
		
		alert(Comment);
		alert(uid);
		alert(MandateID);
		
    jsrsExecute("/asp/js/remote/rs_favourites_functions.asp", comeback ,"updateComment", Array(uid,MandateID,Comment));
 }
 
 //Slide out start????????????????????????????????????????????????????????????????????????????????????????????????????????????????
 //return method
 
 function returnRated2(returnstuff1)
 {
   var pattern = /\s*###\s*/;
   var nameList = returnstuff1.split(pattern);

   var hddname = 'rat'+nameList[0]; //mandateid
   var hddrating = nameList[1] ;  //rating
   document.getElementById(hddname).value = hddrating;
   togglemouseoverON2(nameList[1],nameList[0]);
   //togglemouseoverOFF2(hddname,hddrating);
 }

 //server post
 function UpdateFavRating(uid,MandateID,Rating)
 {
   jsrsExecute("/asp/js/remote/rs_favourites_functions.asp", returnRated2, "UpdateFavAndRating", Array(uid,MandateID,Rating));
 }

 function togglemouseoverON2(Currentstar,midd)
 {
   var elname="";
   for(var i=1;i<=5;i++)
   {
      elname = "img_"+i+"_"+midd;
      if(i <= Currentstar)
      {
        document.getElementById(elname).src = "/favourites/images/StarG.gif";
      }
      else
      {
        document.getElementById(elname).src = "/favourites/images/StarW.gif";
      }
    }
  }

 function togglemouseoverOFF2(CurrentRatingName,midd2)
 {
   //alert(CurrentRatingName);
   var elname2="";
   var rating = document.getElementById(CurrentRatingName).value;
   //alert(rating);
   for(var i=1;i<=5;i++)
   {
      elname2 = "img_"+ i +"_"+midd2;
      //alert(CurrentRating);
      if(i <= rating)
      {
        document.getElementById(elname2).src = "/favourites/images/StarG.gif";
      }
      else
      {
        document.getElementById(elname2).src = "/favourites/images/StarW.gif";
      }
   }
 }
//Slide out end?????????????????????????????????????????????????????????????????????????????????????????????????????????????????