<!--
	// See KB article about changing this dynamic HTML
	dynamicanimAttr = "dynamicanimation"
	animCancel = "skipanim";
	fpanimationPrefix = "fpAnim";
	animateElements = new Array();
	currentElement = 0;
	speed = 1;
	stepsZoom = 10;
	stepsWord = 10;
	stepsFly = 19;
	stepsSpiral = 18;
	stepsSpiralWord = 21;
	stepsElastic = 34;
	steps = stepsZoom;
	step = 0;
	cornerPhase=0;
	outEffect=0;
	iIndicator=0;
//__________________________________
function remSuffix(str)
	{
		ind=str.indexOf("FP");
		str = str.substring(0,ind);
		return str;
	}
//___________________________________
function dynAnimOut(el){
	if(el != null){
		outEffect=1;
		dynAnimation(el);
		outEffect=0;
	}
}
//_____________________________________
function dynAnimation(obj){
	animateElements = new Array();
	var ms = navigator.appVersion.indexOf("MSIE");
	var doc_els=document.all;
	ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4);
	ns7= document.getElementById;
	if(!ie4){
	  if((navigator.appName.indexOf('Netscape')!=-1)||((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0, 1)) >= 4)))
		doc_els=document.layers;
	  else {if (ns7) doc_els=document.getElementById;}
	return;
	}
	else doc_els=document.all;
        if(outEffect && !ie4) return;
        if(ie4){
		for (index=document.all.length-1; index >= document.body.sourceIndex; index--){
			el = document.all[index];
                       	if(el != null)
			if(outEffect && el != obj) continue;
			if(outEffect) animationId = el.id.substring(9,el.id.length);
			else animationId = el.id.substring(6,el.id.length);
			animation=remSuffix(animationId);
			if(null != animation){
				altcnt=0;
				if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord" || animation == "waveWords" || animation == "hopWords" ){
					ih = el.innerHTML;
					outString = "";
					i1 = 0;
					iend = ih.length;
					while(true){
						i2 = startWord(ih, i1);
						if(i2 == -1);
						i2 = iend;
						outWord(ih, i1, i2, false, "", outEffect ? obj.id : el.id);
						if(i2 == iend) break;
						i1 = i2;
						i2 = endWord(ih, i1);
						if(i2 == -1) i2 = iend;
						if (animation == "waveWords") outWordAlt(ih, i1, i2, true, animation, altcnt);
						else outWord(ih, i1, i2, true, (outEffect ? "Out" : "") + animation, outEffect ?  obj.id : el.id);
						if(i2 == iend) break;
						i1 = i2;
						altcnt++;
					}
					document.all[index].innerHTML = outString;
					document.all[index].style.posLeft = 0;
					document.all[index].setAttribute(animCancel, true);
					document.all[index].style.visibility="visible";
				}
			}
		}
	}
		i = 0;
		/////////////
		if (doc_els.length>=1)
		for (index=0; index < doc_els.length; index++) {
			el = doc_els[index];
			if(0 != el.id.indexOf(fpanimationPrefix)) continue;
			if (ie4){
				elprops=el.style;
				scrollOffsetTop=document.body.scrollTop;
				docHeight=document.body.offsetHeight;
				docWidth=document.body.offsetWidth;
				elW=100;
				elH=el.offsetHeight;
			}
			else {
			elprops=el;
			scrollOffsetTop=window.pageYOffset;
			docHeight=window.innerHeight;
			docWidth=window.innerWidth;
			elW=el.clip.width;
			elH=el.clip.height;
			}
			if(outEffect)
				animationId = el.id.substring(9,el.id.length);
			else
				animationId = el.id.substring(6,el.id.length);
			animation=remSuffix(animationId);
			if(outEffect && (obj != el)) {
				if(el.SRCID != obj.id)
				continue;
			}
			if (null != animation ){
				if(ie4 && null!=el.getAttribute(animCancel, false)) continue;
				if(!ie4){
					elprops.posLeft=elprops.left;
					elprops.posTop=elprops.top;
				}
				el.startL=offsetLeft(el);
				if(animation == "flyLeft")
				{
					elprops.posLeft = -offsetLeft(el)-elW;
					elprops.posTop = 0;
				}
				else if(animation == "flyRight" || animation=="elasticRight")
				{
					elprops.posLeft = -offsetLeft(el)+docWidth;
					elprops.posTop = 0;
				}
				else if(animation == "flyTop" || animation == "dropWord")
				{
					elprops.posLeft = 0;
					elprops.posTop = scrollOffsetTop-offsetTop(el)-elH;
				}
				else if(animation == "flyBottom" || animation == "elasticBottom")
				{
					elprops.posLeft = 0;
					elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight;
				}
				else if(animation == "flyTopLeft")
				{
					elprops.posLeft = -offsetLeft(el)-elW;
					elprops.posTop = scrollOffsetTop-offsetTop(el)-elH;
				}
				else if(animation == "flyTopRight" || animation == "flyTopRightWord")
				{
					elprops.posLeft = -offsetLeft(el)+docWidth;
					elprops.posTop = scrollOffsetTop-offsetTop(el)-elH;
				}
				else if(animation == "flyCorner")
				{
					elprops.posLeft = docWidth*0.2-offsetLeft(el);
					elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight;
				}
				else if(animation == "flyBottomLeft")
				{
					elprops.posLeft = -offsetLeft(el)-elW;
					elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight;
				}
				else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
				{
					elprops.posLeft = -offsetLeft(el)+docWidth;
					elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight;
				}
				else if(animation == "spiral")
				{
					elprops.posLeft = -offsetLeft(el)+docWidth;
					elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight;
				}
				else if((animation.indexOf("waveWords") != -1) || animation=="hopWords")
				{
					if(i){
						prevEl=animateElements[i-1];
						elprops.r = offsetLeft(el)-prevEl.startL;
					}
					else
						elprops.r = offsetLeft(el);
				}
				else if(animation == "wipeLR" || animation == "wipeMID")
				{
					if (ie4 && elprops.position=="absolute")
					{
						el.sizeW=el.offsetWidth;
						elprops.clip="rect(0 0 0 0)";
					}
					else if (!ie4)
					{
						el.sizeW=el.clip.width;
						el.clip.width=0;
					}
				}
				else if(animation == "wipeTB")
				{
					if (ie4 && elprops.position=="absolute")
					{
						elprops.clip="rect(0 0 0 0)";
					}
					else if(!ie4)
					{
						el.sizeH=el.clip.height;
						el.clip.height=0;
					}
				}
				else if(animation == "zoomIn")
				{
					elprops.posLeft = 0;
					elprops.posTop = 0;
				}
				else if(animation == "zoomOut")
				{
					elprops.posLeft = 0;
					elprops.posTop = 0;
				}
				else
				{
					continue;
				}
				if(!outEffect)
				{
					el.initLeft = elprops.posLeft;
					el.initTop  = elprops.posTop;
					el.endLeft  = 0;
					el.endTop   = 0;
					elprops.visibility = "hidden";
				}
				else
				{
					el.initLeft = 0;
					el.initTop  = 0;
					el.endLeft = elprops.posLeft;
					el.endTop  = elprops.posTop;
					elprops.posTop = 0;
					elprops.posLeft = 0;
				}
				if(!ie4)
				{
					elprops.left=elprops.initLeft;
					elprops.top =elprops.initTop;
				}
				////////////////
				if( el != null)
				animateElements[i++] = el;
			}
		}
		if(animateElements.length > 0)
		{
			if(outEffect)
				window.setTimeout("animate(1);", speed, "Javascript");
			else
				window.setTimeout("animate(0);", speed, "Javascript");
		}
	}
//________________________________________
function offsetLeft(el){
        //var ms = navigator.appVersion.indexOf("MSIE");
        //var ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4);
		if(IE4){
			x = el.offsetLeft; //alert(x);
			for (e = el.offsetParent; e<=0; e = e.offsetParent) x += e.offsetLeft;
                        return x;
		}
		else{  x = el.pageX; return x;}

}
//___________________________________________
function offsetTop(el){
	//var ms = navigator.appVersion.indexOf("MSIE");
        //var ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4);
                if(IE4){
			y = el.offsetTop; //alert(y);
			for (e = el.offsetParent; e<=0; e = e.offsetParent) y += e.offsetTop;
			return y; 
		}
		else{ y = el.pageY; return y;}
}
//____________________________________________
function startWord(ih, i){
		for(tag = false; i < ih.length; i++){
			c = ih.charAt(i);
			if(c == '<'){
				if(ih.substring(i+1, i+4).toLowerCase() == "img")
				return i;
				tag = true;
			}
			if(!tag)
				return i;
			if(c == '>')
				tag = false;
		}
		return -1
	}
//____________________________________________
	function endWord(ih, i)
	{
		nonSpace = false;
		space = false;
		img = false;
		if(ih.charAt(i) == '<')
		{
			img = true;
			i++;
		}
		while(i < ih.length)
		{
			c = ih.charAt(i);
			if(c != ' ')
				nonSpace = true;
			if(img && c == '>')
				img = false;
			if(nonSpace && !img && c == ' ')
				space = true;
			if(c == '<')
				return i;
			if(space && c != ' ')
				return i;
			i++;
		}
		return -1;
	}
//________________________________________
	function outWord(ih, i1, i2, dyn, anim, srcID)
	{
		if(dyn)
			if(!outEffect)
				outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "FP\" style=\"position: relative; visibility: hidden;\">";
			else
				outString += "<SPAN SRCID=\"" + srcID + "\"ID=\"" +  fpanimationPrefix + anim + "FP\" style=\"position: relative;\">";
		outString += ih.substring(i1, i2);
		if(dyn)
			outString += "</SPAN>";
	}
//____________________________________________
	function outWordAlt(ih, i1, i2, dyn, anim, altcnt)
	{
		if(dyn)
		{
			if(altcnt%2)
				outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "LFP\" style=\"position: relative;  visibility: hidden;\">";
			else
				outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "RFP\" style=\"position: relative;  visibility: hidden;\">";
		}

		outString += ih.substring(i1, i2);
		if(dyn)
			outString += "</SPAN>";
	}
//_____________________________________________
	function animate(animOut){
	el = animateElements[currentElement];
		if(animOut)
			animationId = el.id.substring(9,el.id.length);
		else
			animationId = el.id.substring(6,el.id.length);
		animation=remSuffix(animationId);
		if (ie4)
			elprops=el.style;
		else
			elprops=el;
		if(!step && !animOut)
			elprops.visibility="visible";
		step++;
		if(animation == "spiral")
		{
			steps = stepsSpiral;
			v = step/steps;
			rf = 1.0 - v;
			t = v * 2.0*Math.PI;
			rx = Math.max(Math.abs(el.initLeft), 200);
			ry = Math.max(Math.abs(el.initTop),  200);
			elprops.posLeft = Math.ceil(-rf*Math.cos(t)*rx);
			elprops.posTop  = Math.ceil(-rf*Math.sin(t)*ry);
		}
		else if(animation == "waveWordsL" || animation=="hopWords" || animation == "waveWords")
		{
			steps = stepsSpiralWord;
			v = step/steps;
			rf = (1.0 - v);
			t = v * 1.0*Math.PI;
			elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r);
			elprops.posTop  = Math.ceil(-rf*Math.sin(t)*elprops.r);
		}
		else if(animation == "waveWordsR")
		{
			steps = stepsSpiralWord;
			v = step/steps;
			rf = (1.0 - v);
			t = v * 1.0*Math.PI;
			elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r);
			elprops.posTop  = Math.ceil( rf*Math.sin(t)*elprops.r);
		}
		else if(animation == "zoomIn")
		{
			steps = stepsZoom;
			elprops.fontSize = Math.ceil(50+50*step/steps) + "%";
			elprops.posLeft = 0;
		}
		else if(animation == "zoomOut")
		{
			steps = stepsZoom;
			fontSz=Math.ceil(100+200*(steps-step)/steps) + "%";
			elprops.fontSize = fontSz;
			elprops.posLeft = 0;
		}
		else if(animation == "elasticRight")
		{
			steps = stepsElastic;
			v = step/steps;
			rf=Math.exp(-v*7);
			t = v * 1.5*Math.PI;
			rx =Math.abs(el.initLeft);
			elprops.posLeft = rf*Math.cos(t)*rx;
			elprops.posTop  = 0;
		}
		else if(animation == "elasticBottom")
		{
			steps = stepsElastic;
			v = step/steps;
			rf=Math.exp(-v*7);
			t = v * 2.5*Math.PI;
			ry =Math.abs(el.initTop);
			elprops.posLeft = 0;
			elprops.posTop  = rf*Math.cos(t)*ry;
		}
		else if(animation == "wipeLR")
		{
			steps = stepsElastic;
			if(ie4 && elprops.position=="absolute")
				elprops.clip = "rect(0 "+ step/steps*100 +"% 100% 0)";
			else if (!ie4)
			{
				elprops.clip.right=step/steps*el.sizeW;
			}
		}
		else if(animation == "wipeTB")
		{
			steps = stepsElastic;
			if(ie4 && elprops.position=="absolute")
				elprops.clip = "rect(0 100% "+step/steps*el.offsetHeight+"px 0)";
			else
				elprops.clip.bottom=step/steps*el.sizeH;
		}
		else if(animation == "wipeMID")
		{
			steps = stepsElastic;
			if(ie4 && elprops.position=="absolute")
			{
				elprops.clip = "rect(0 "+el.sizeW/2*(1+step/steps)+"px 100% "+el.sizeW/2*(1-step/steps)+")";
			}
			else if(!ie4)
			{
				elprops.clip.right=el.sizeW/2*(1+step/steps);
				elprops.clip.left=el.sizeW/2*(1-step/steps);
			}
		}
		else if(animation == "flyCorner")
		{
			if(!cornerPhase)
			{
				steps = stepsElastic/2;
				v = step/steps;
				rf=Math.exp(-v*7);
				t = v * 2.5*Math.PI;
				ry =Math.abs(el.initTop);
				elprops.posTop  = rf*Math.cos(t)*ry;
			}
			else
			{
				steps = stepsFly;
				dl = el.initLeft / steps;
				elprops.posLeft = elprops.posLeft - dl;
				elprops.posTop = 0;
			}
		}
		else
		{
			steps = stepsFly;
			if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
				steps = stepsWord;
			dl = (el.endLeft - el.initLeft) / steps;
			dt = (el.endTop  - el.initTop)  / steps;
			elprops.posLeft = elprops.posLeft + dl;
			elprops.posTop = elprops.posTop + dt;
		}
		if (step >= steps)
		{
			if(!(animation == "wipeLR"	||
				animation  == "wipeTB"	||
				animation  == "wipeMID"	||
				(animation == "flyCorner" && !cornerPhase)))
			{
				elprops.posLeft = el.endLeft;
				elprops.posTop = el.endTop;
			}
			if(animOut)
			{
				elprops.visibility="hidden";
			}

			step = 0;
			if(animation=="flyCorner" && !cornerPhase)
				cornerPhase=1;
			else{
				cornerPhase=0;
				currentElement++;
			}

		}
		if(!ie4)
		{
			elprops.left=elprops.posLeft;
			elprops.top =elprops.posTop;
		}
		if(currentElement < animateElements.length)
		{
			if(animOut)
				window.setTimeout("animate(1);", speed, "Javascript");
			else
				window.setTimeout("animate(0);", speed, "Javascript");
		}
		else
			currentElement=0;
	}
//______________________________
function rollIn(el){
	var ms = navigator.appVersion.indexOf("MSIE");
	ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4);
	if(ie4){ el.initstyle=el.style.cssText; el.style.cssText=el.fprolloverstyle; }
}
//_____________________________
function rollOut(el){
var ms = navigator.appVersion.indexOf("MSIE");
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4);
if(ie4){ el.style.cssText=el.initstyle; }
}
//_______________________________
function clickSwapStyle(el){
var ms = navigator.appVersion.indexOf("MSIE");
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4);
if(ie4){ ts=el.style.cssText; el.style.cssText=el.fprolloverstyle; el.fprolloverstyle=ts;}
}
//______________________________________
function clickSwapImg(el){
if(document.all || document.layers){ ts=el.src; el.src=el.lowsrc; el.lowsrc=ts; }
}
//______________________________________
function toggleImgDisplay(sImgName){
		var oImages = document.images;
		if (oImages != null){
			var iImgLength = oImages.length;
			for (var i=0; i<iImgLength; i++){
				if (oImages[i].src.indexOf(sImgName)!=-1){
					if (oImages[i].style.display=='none'){
						oImages[i].style.display='';}
					else{ oImages[i].style.display='none'; }
				}
			}
		}
}
function doTrans(startImage,endImage) {
         if ((startImage==null) || (startImage=="")) startImage="";
         if ((endImage==null) || (endImage=="")) endImage=="";
        imgObj.filters[0].orientation='horizontal';
        imgObj.filters[0].apply();
        if (oImg.src.indexOf(startImage)!=-1) {
            oImg.src = endImage;
            imgObj.style.backgroundColor = "gold";
            imgObjText.innerHTML = "<BR><B>Second Page</B><BR><BR>Using the <B>play</B> method reveals the changes in the SPAN element content."
                                               }
        else {
            oImg.src = startImage;
            imgObj.style.backgroundColor = "skyblue";
            imgObjText.innerHTML = "<BR><b>First Page</b><BR><BR>Using the <B>apply</B> method prepares this SPAN element for content changes."
            }
        imgObj.filters[0].play();
}
var anim_counter=0;
function img_animate(an_obj, anim_counter){
   var doc_obj = document.getElementById(an_obj);
   var str="",i=0;
   for(i=0;i<10;i++){
   if(anim_counter==100) anim_counter=0;
   //filter: progid:DXImageTransform.Microsoft.Wave(Add='false', LightStrength=10, Phase=0, Strength=3,  Freq=2);
   str="progid:DXImageTransform.Microsoft.Wave(Add='false', LightStrength='10', Phase='"+anim_counter+"', Strength='3',  Freq='2')";
   doc_obj.style.filter=str;
   //doc_obj.filters[0].play();
   //doc_obj.style.setExpression("filter",str);
   //doc_obj.filters[str].play();
   anim_counter+=10;
   str="img_animate("+an_obj+","+(anim_counter)+")";}
   window.setInterval(str, 150);
   return false;
}
/////////////////////////////////////
// * Dependencies * 
// this function requires the following snippets:
// JavaScript/readable_MM_functions/MM_findObj
// JavaScript/readable_MM_functions/showHideLayers
// JavaScript/events/getMouseLoc
function moveLayerToMouseLoc(theLayer, offsetH, offsetV)
{
  var obj;
  if ((MM_findObj(theLayer))!=null)
  {
    if (document.layers)  //NS
    {
      document.onMouseMove = getMouseLoc;
      obj = document.layers[theLayer];
      obj.left = mLoc.x +offsetH;
      obj.top  = mLoc.y +offsetV;
    }
    else if (document.all)//IE
    {
      getMouseLoc();
      obj = document.all[theLayer].style;
      obj.pixelLeft = mLoc.x +offsetH;
      obj.pixelTop  = mLoc.y +offsetV;
    }
    showHideLayers(theLayer,'','show');
  }
}
// get mouse location
function Point(x,y) {  this.x = x; this.y = y; }
mLoc = new Point(-500,-500);
function getMouseLoc(e)
{
  //ovo
  /*
  if(!document.all)  //NS
  {
    mLoc.x = e.pageX;
    mLoc.y = e.pageY;
  }
  else               //IE
  {
    mLoc.x = event.x + document.body.scrollLeft;
    mLoc.y = event.y + document.body.scrollTop;
  }
  //*/
  //ili ovo
    mLoc.x = e.pageX;
    mLoc.y = e.pageY;
  //
  return true;
}
//NS init:
if(document.layers){ document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = getMouseLoc; }
offsetX = 0;
offsetY = 20;
var toolTipSTYLE="";
function initToolTips(){
  if(NS4||NS6||IE4)
  {
    if(NS4) toolTipSTYLE = document.toolTipLayer;
    else if(NS6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
    else if(IE4) toolTipSTYLE = document.all.toolTipLayer.style;
    if(NS4) document.captureEvents(Event.MOUSEMOVE);
    else
    {
      toolTipSTYLE.visibility = "visible";
      toolTipSTYLE.display = "none";
    }
    document.onmousemove = moveToMouseLoc;
  }
}
function toolTip(msg){
	var bg="#FFFF99",fg="#006699";
  if(toolTip.arguments.length < 1) // hide
  {
    if(NS4) toolTipSTYLE.visibility = "hidden";
    else toolTipSTYLE.display = "none";
  }
  else // show
  {
    if(!fg) fg = "#777777";
    if(!bg) bg = "#FFFFFF";
    var content =
    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + 
    '"><td align="center"><font face="Arial, Helvetica, sans-serif" color="' + fg +
    '" size="-2" style="filter: alpha(opacity=80);">&nbsp\;' + msg +
    '&nbsp\;</font></td></table></td></table>';
    if(NS4)
    { toolTipSTYLE.document.write(content); toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "visible";}
    if(NS6){ document.getElementById("toolTipLayer").innerHTML = content; toolTipSTYLE.display='block';}
    if(IE4){ document.all("toolTipLayer").innerHTML=content; toolTipSTYLE.display='block';}
  }
}
function moveToMouseLoc(e){
  	if(NS4||NS6){ 
  	x = e.pageX; y = e.pageY;}
	else{ x = event.x + document.body.scrollLeft; y = event.y + document.body; scrollTop;}
  toolTipSTYLE.left = x + offsetX; toolTipSTYLE.top = y + offsetY;
  return true;
}
function ShowMenu(id){
	ypSlideOutMenu.showMenu(id);
	moveLayerToMouseLoc(id+'Container', '', '');
}
document.onload= initToolTips();
//-->

