var pos;
   var minPos ;
   var maxPos ;
   var Direction = 1;
   var Distance = 3; 
   var top;
   var left;
   var brushEl ;
   var FirstInitFlag = true;


   window.onload=InitBrush;
   window.onresize=InitBrush;
   
   
   function PositionObject(contentId,  posLeft, posTop, IndexPos, InitFlag)
   {
       var contentEl = document.getElementById(contentId);
       var HeaderEl = document.getElementById("LifeIzTitle");
       
       var left = getElementLeftPosition(HeaderEl) + posLeft;
       var top = getElementTopPosition(HeaderEl) + posTop;
         
       contentEl.style.top = top +'px';
       contentEl.style.left = left +'px';
         
   }
   
   function PositionBrush(contentId,  posLeft, posTop, IndexPos, InitFlag)
   {
       var contentEl = document.getElementById(contentId);
       
       var HeaderEl = document.getElementById("LifeIzTitle");
       
       
       var left = getElementLeftPosition(HeaderEl) + posLeft;
       var top = getElementTopPosition(HeaderEl) + posTop;
       
       
       // left = left +  posLeft ;
       // top = top + posTop;
        
   
         //var top = getElementTopPosition(el) +30;
         //var left = getElementLeftPosition(el)-w+45;
      
         
         contentEl.style.top = top + 'px'; 
                  
         if(InitFlag )
            contentEl.style.left = left + 'px';
         else
            contentEl.style.left = IndexPos + 'px';
         
         if(InitFlag )
         {
            pos = left;
            minPos = left;
            maxPos = left + 220;
         }
         
         //alert ("top = " + top + "  left = " + left);
   }
   
   
   function InitBrush() {
      
         PositionBrush('brush',  276, 38, 0, true)
         if(FirstInitFlag == true)
         {
            FirstInitFlag = false;
            setTimeout("MoveBrush()",31);
         }
     
         PositionObject('copyright',  400, 248, 0, true)
         
         PositionObject('AboutViktorija',  435, -350, 0, true)
         
         //PositionObject('welcome',  0, -100, 0, true)
         
         PositionObject('welcomeCrawler',  285, -40, 0, true)
         

      }
     
   
   function MoveBrush()
   {
      //brushEl = document.getElementById('brush')
      if(Direction == 1)
      {
         if(pos + Distance > maxPos)
            Direction = -1;
         else
            pos = pos + Distance;
      }    
      else
         {
           if(pos - Distance < minPos)
               Direction = 1;
            else
               pos = pos - Distance;
      
      }
      
      PositionBrush('brush',  276, 41, pos, false)
      
      //brushEl.style.left = pos;
      setTimeout("MoveBrush()",91);
   }

   
   var AboutVisibleStatus = false;
   
   function ShowAboutViktorjia()
   {
      // document.getElementById('AboutViktorija').style.display = '';
      
      if(AboutVisibleStatus == true) 
      {
         HideAboutViktorjia();
         return;
      }
         
      fadeX('AboutViktorija', 1,5000, 0);  
      AboutVisibleStatus = true;
      
   }
   
   function HideAboutViktorjia()
   {
      // document.getElementById('AboutViktorija').style.display = 'none';
      
      fadeX('AboutViktorija', 0,1000, 0);  
      AboutVisibleStatus = false;
      
   }
   



function fadeX(objToFadeID, IsFadeIn, timeToFade, delay)
{
//objToFadeID - Object ID of the Div or object you want to fade
//IsFadeIn - Is this a fade in (vs fade out) 1 = true, 0 = false
//timeToFade - Time in ms to fade the object
//delay - Time in ms to delay the fade

var objToFade = document.getElementById(objToFadeID);
if(objToFade == null)
return;

var fadeXFactor = IsFadeIn==1?1:-1; // used to reverse values for fade in vs out

if ((timeToFade==0)&&(delay==0))
{
//if this is a simple instant popup, then make the settings are return
objToFade.style.opacity = 1*IsFadeIn;
objToFade.style.filter = 'alpha(opacity = ' + 100*IsFadeIn + ')';
objToFade.fadeState=2*fadeXFactor;
return;
}

if (delay == null)
delay = 0;

if (IsFadeIn)
objToFade.OriginalFadeInTime = timeToFade;
else
objToFade.OriginalFadeOutTime = timeToFade;

if(objToFade.fadeState != null)
{

if ((objToFade.fadeState==1*fadeXFactor)||(objToFade.fadeState==2*fadeXFactor)||(objToFade.fadeState==3*fadeXFactor))
{
return; //Current fade is in same direction or already there so we are OK;
}
else if (objToFade.fadeState==-1*fadeXFactor)
{
//reverse the time and the fade direction and let it continue
objToFade.fadeState = 1*fadeXFactor;
objToFade.timeToFade = timeToFade;
if (IsFadeIn)
{
objToFade.fadeTimeLeft = timeToFade*(1-objToFade.fadeTimeLeft/objToFade.OriginalFadeOutTime);
}
else
{
objToFade.fadeTimeLeft = timeToFade*(1-objToFade.fadeTimeLeft/objToFade.OriginalFadeInTime);
}

return;
}
else if (objToFade.fadeState==-3*fadeXFactor)
{
//object is in hold status but directoin needs to be reversed and use the passed in time value
objToFade.fadeState=3*fadeXFactor;
objToFade.timeToFade = timeToFade;
if (IsFadeIn)
{
objToFade.fadeTimeLeft = timeToFade*(1-objToFade.fadeTimeLeft/objToFade.OriginalFadeOutTime);
}
else
{
objToFade.fadeTimeLeft = timeToFade*(1-objToFade.fadeTimeLeft/objToFade.OriginalFadeInTime);
}
return;
}
}

//if we got this far, then the object is in the fully opposite state
objToFade.timeToFade = timeToFade;
objToFade.fadeTimeLeft = timeToFade;
objToFade.fadeState = 3*fadeXFactor;
var now = new Date();
now.setMilliseconds(now.getMilliseconds() + delay);
setTimeout("animateFade(" + now.getTime() + ",'" + objToFadeID + "')", 10 + delay);
}

function animateFade(lastTick, elementID)
{
var curTick = new Date().getTime();
var elapsedTicks = curTick - lastTick;

var element = document.getElementById(elementID);
if (element.fadeState==3) element.fadeState=1;
if (element.fadeState==-3) element.fadeState=-1;

if(element.fadeTimeLeft <= elapsedTicks)
{
element.style.opacity = element.fadeState == 1 ? '1' : '0';
element.style.filter = 'alpha(opacity = ' + (element.fadeState == 1 ? '100' : '0') + ')';
element.fadeState = element.fadeState == 1 ? 2 : -2;
return;
}

element.fadeTimeLeft -= elapsedTicks;
var newOpVal = element.fadeTimeLeft/element.timeToFade;
if(element.fadeState == 1)
newOpVal = 1 - newOpVal;
element.style.opacity = newOpVal;
element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';

setTimeout("animateFade(" + curTick + ",'" + elementID + "')", 10);
}