// JScript File

//'scroller'
// and inside that, a ul.
// set these two to control the speed of scrolling
var pxPerJump = 10;
var msecBetweenJump = 10;

var marginLeft = 0;
var resetTarget = 0;
var initialPos = 0;
var overlapIndex = 0;
var intervalID = 0;

var imgs=new Array( "MainImages/Philosophy/1.jpg", "MainImages/Philosophy/2.jpg", 
                "MainImages/Philosophy/3.jpg", "MainImages/Philosophy/4.jpg", "MainImages/Philosophy/5.jpg", 
                "MainImages/Philosophy/6.jpg", "MainImages/Philosophy/7.jpg", "MainImages/Philosophy/8.jpg", 
                "MainImages/Philosophy/9.jpg", "MainImages/Philosophy/10.jpg", 
                "MainImages/Philosophy/11.jpg", "MainImages/Philosophy/12.jpg", 
                "MainImages/Philosophy/13.jpg", "MainImages/Philosophy/14.jpg",
                "MainImages/Philosophy/15.jpg", "MainImages/Philosophy/16.jpg");


var indx = 0;
function Next(imgHolder)
{
    indx++;
    if(indx > 16)
        indx = 0;
    var d= document;
    imgHolder.src = d.MM_p[indx].src;
}                               

function scrollerMoveRight()
	{
	var el = document.getElementById("scroller");
	el = el.getElementsByTagName("UL")[0];
	if (el) {
		el.style.marginLeft = marginLeft + "px";
		marginLeft -= pxPerJump;
		el = el.childNodes[overlapIndex];
		if (el.offsetLeft <= initialPos)
			marginLeft = 0;
	}
}

function scrollerMoveLeft()
	{
	var el = document.getElementById("scroller");
	el = el.getElementsByTagName("UL")[0];
	if (el) {
		el.style.marginLeft = marginLeft + "px";
		marginLeft += pxPerJump;
		el = el.childNodes[overlapIndex];
		if (el.offsetLeft <= initialPos)
			marginLeft = 0;
	}
}

function scrollerInit() {
	var el = document.getElementById("scroller");
	el.className = "autoscroll";
	scrollerWidth = el.offsetWidth;
	el = el.getElementsByTagName("UL")[0];
	var picWidths = 0;
	var overlapWidth = 0;
	var origLength = el.childNodes.length;
	var item;
	for (var i = 0; i < origLength; i++) {
		if ((initialPos == 0) && (el.childNodes[i].offsetLeft)) {
			initialPos = el.childNodes[i].offsetLeft
			overlapIndex = (origLength + i);
		}
		if (picWidths < scrollerWidth) {
			if (el.childNodes[i].offsetWidth)
				overlapWidth += el.childNodes[i].offsetWidth;
			item = el.childNodes[i].cloneNode(true);
			el.appendChild(item);
		}
		if (el.childNodes[i].offsetWidth)
			picWidths += el.childNodes[i].offsetWidth;
	}
	el.style.width = (picWidths + overlapWidth + 60) + "px";
	resetTarget = 0 - (picWidths + 20);
	
}

function CancelScroll(b)
{
    b.src="MainImages/Buttons/butoane2.jpg";
   if(intervalID != 0) 
   {
        window.clearInterval(intervalID);
        intervalID = 0;
   }
}

var ie=document.all;
var myProgBar;

function effMouseOver(img)
{
    if(ie)
      img.style.filter =  "alpha(opacity=100)";  
    else
      img.style.opacity = "1";
      
    document.images.mainImg.src = img.src;
}

function effMouseOut(img)
{
    if(ie)
      img.style.filter =  "alpha(opacity=50)";  
    else
      img.style.opacity = "0.5";
}

var currCount = 0;
var loaded = new Array();

function DownloadPicture(j, i)
{
    var d = document;
    
    d.MM_p[j]=new Image;
    d.MM_p[j++].src = imgs[i];
    var v = document.getElementById('i' + i + '');
    if(v != null)
       v.src = imgs[i];

    //myProgBar.setBar(1 / imgs.length ,true); 
    if(++i<imgs.length)
        DownloadPicture(j, i);
    else{
        for (i = 0; i < d.MM_p.length; i++) { 
		    loaded[i] = false
	    }
        checkLoad();
    }
     
}

function checkLoad() {
    var d = document;
	if (currCount == d.MM_p.length) { 
		return FinishLoading();
	}
	for (i = 0; i <= d.MM_p.length; i++) {
		if (loaded[i] == false && d.MM_p[i].complete) {
			loaded[i] = true;
			myProgBar.setBar(1 / imgs.length ,true); 
			currCount++;
			timerID = setTimeout("checkLoad()",10);
			return;
		}
	}
	timerID = setTimeout("checkLoad()",10);
}


function MM_preloadImages() { //v3.0
    var d=document; 
    if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length;
    i = 0;
    if (imgs[i].indexOf("#")!=0){
    DownloadPicture(j, i);}}
}

var interval = 750;
var imgIndex = 0;
var imgDisplayer;
var twice = 0;

function setCurrentImage(v, i)
{
    document.images.mainImg.src = imgs[i];
    /*document.images.mainImg.width = document.MM_p[i].width;
    document.images.mainImg.height = document.MM_p[i].height;*/
    var tmp = v = v - (i*10 % 50);
    if(v < 0)
        v = 70;    
    i++;
    if(i >= imgs.length && twice != 1)
    {
        twice++;
        i = 1;
    }
    
    if(i >= imgs.length)
    {
        FinishPlay();    
        return;
    }
    
    window.setTimeout('setCurrentImage(' + v + ',' + i + ')', v);
    
}

function Play()
{
    imgDisplayer = document.getElementById("mainImg");
    window.setTimeout('setCurrentImage(' + interval + ', 0)', interval);
}

function fadeout(opacityRate, nextImage)
{
      var vContainer = document.getElementById("slidecontainer");
      if(opacityRate >= 0)
      {
        
        if(ie)
            document.images.mainImg.style.filter = "alpha(opacity=" + opacityRate + ")";  
        else
            document.images.mainImg.style.opacity = opacityRate / 100;

        opacityRate = opacityRate - 2;
        
        if(opacityRate <= 100)
        {
           var vContainer = document.getElementById("slidecontainer");
           if( vContainer.style.backgroundImage  != "url(" + nextImage + ")")
                vContainer.style.backgroundImage = "url(" + nextImage + ")";
            
        }
        if(opacityRate >= 0)
            setTimeout("fadeout(" + opacityRate + ", '" + nextImage + "')", 20); 
        else
            setTimeout("fadeout(" + opacityRate + ", '" + nextImage + "')", 10); 
      }
      else
      {
            var vContainer = document.getElementById("slidecontainer");
            document.images.mainImg.src = nextImage;
            vContainer.style.backgroundImage = "none";
            if(ie)
                document.images.mainImg.style.filter = "alpha(opacity=" + 100 + ")";  
            else
                document.images.mainImg.style.opacity = 1;
            showScroller();
      }
}

function FinishPlay()
{
    fadeout(100, "MainImages/Philosophy/our-philosophy.jpg");
    
}

function showScroller()
{  
    
    var scroll = document.getElementById("tableScroller");
    scroll.style.visibility = "visible";
}

function FinishLoading()
{
    var sc = document.getElementById("contentTable");
    var v = document.getElementById('splitterPlace');   
    var vHidden = document.getElementById('hiddenContent');   
    var v2 = document.getElementById('thumbnails');
    
    sc.style.visibility = "visible";
    v.style.visibility = "hidden";
    var len = vHidden.childNodes.length
    for(var i=0; i < len ; i++)
        v2.appendChild(vHidden.childNodes[i].cloneNode(true));       
    
    for(var i=len - 1; i >0  ; i--)
        vHidden.removeChild(vHidden.childNodes[i]);
        
    v2.style.visibility = "visible";
    
}

function window_onload() {
    MM_preloadImages(); 
    
}

function Button1_onclick(b) {
    if(intervalID == 0)
    {
        intervalID = window.setInterval(scrollerMoveRight, msecBetweenJump);	
        b.src="MainImages/Buttons/butoane2_p.jpg";
    }
    else
        CancelScroll(b);
}

function Button2_onclick(b) {
    if(intervalID == 0)
    {
        intervalID = window.setInterval(scrollerMoveLeft, msecBetweenJump);	
        b.src="MainImages/Buttons/butoane2_p.jpg";
    }
    else
        CancelScroll(b);
}