var current;


String.format = function()
{
    if( arguments.length == 0 )
        return null;
    var str = arguments[0];
    for(var i=1;i<arguments.length;i++)
    {
        var re = new RegExp('\\{' + (i-1) + '\\}','gm');
        str = str.replace(re, arguments[i]);
    }
    return str;
}



// Show this image and hide the rest
function showImgPop(img_name) {
	for(var x = 0; x < imgs.length; x++) {
		document.getElementById(imgs[x]).style.visibility = 'hidden';
		document.getElementById(img_name).style.height = '0px';
	}
	document.getElementById(img_name).style.visibility = 'visible';
	document.getElementById(img_name).style.height = '460px';
	current = img_name;
	UpdateImgControls(img_name);
	
	return img_name;
}

function Next()
{
    if (NextPrevExists(current,'next'))
    {
        current = NextImg(current);
        UpdateImgControls(current);
    }
}

function Prev()
{
    if (NextPrevExists(current,'prev'))
    {
        current = PrevImg(current);
        UpdateImgControls(current);
    }
}

function UpdateImgControls(img_name) 
{
	if(imgs[imgs.indexOf(current)+1] != null) {
		document.getElementById("right-text").style.color = "#555555";
	} else {
	    document.getElementById("right-text").style.color = "#cccccc";
	}
	//Prev image exists
	if(imgs[imgs.indexOf(current)-1] != null) {
		document.getElementById("left-text").style.color = "#555555";
	} else {
	    document.getElementById("left-text").style.color = "#cccccc";
	}
	document.getElementById("pop-img-counter").innerHTML = String.format('{0} of {1}',imgs.indexOf(current) + 1,imgs.length);
}

function NextPrevExists(img_name, type) {
	for(var x = 0; x < imgs.length; x++) {
		//Image exists
		if(imgs[x] == img_name) {
			//Next Image exists
			if((type == 'next') && (imgs[x+1] != null)) {
				return true;
			}
			//Prev image exists
			if(type == 'prev' && imgs[x-1] != null) {
				return true;
			}
		}	
	}
	return false;
}

function NextImg(img_name) {
	for(var x = 0; x < imgs.length; x++) {
		if(imgs[x] == img_name) {
			if(imgs[x+1] != null) {
				showImgPop(imgs[x+1]);
				return imgs[x+1];
			}
		}
	}
}


function PrevImg(img_name) {
	for(var x = 0; x < imgs.length; x++) {
		if(imgs[x] == img_name) {
			if(imgs[x-1] != null) {
				showImgPop(imgs[x-1]);
				return imgs[x-1];
			}
		}
	}
}


var obj = null;
var paused = false;
Hmove=0;

function moveThis(toMove)
{
  obj = toMove;
  setTimeout("move();", 10);
}

function move() 
{    
  if(!paused)
  {
    obj.style.left=Hmove + "px";
    Hmove-=1;
    if(Hmove > -(obj.width - 817))
    {
   	  	
    } 
    else
    {
      Hmove=0;
    }
   	
    setTimeout("move()", 10);
  }
}

function pause()
{


  paused = true;
}

function unpause()
{
  paused = false;
}


function move_in(img_name,img_src) 
{
  document[img_name].src=img_src;
}

function move_out(img_name,img_src) 
{
  document[img_name].src=img_src;
}

function nextPage()
{
  var elem1, elem2, next, prev, vis;
  if( document.getElementById ) // this is the way the standards work
  {
    elem1 = document.getElementById("right-content");
    elem2 = document.getElementById("right-content2");
    //next = document.getElementById("nextArrow");
    //prev = document.getElementById("prevArrow");
  }
  else if( document.all ) // this is the way old msie versions work
  {
    elem1 = document.all["right-content"];
    elem2 = document.all["right-content2"];
    //next = document.all["nextArrow"];
    //prev = document.all["prevArrow"];
  }
  else if( document.layers ) // this is the way nn4 works
  {
    elem1 = document.layers["right-content"];
    elem2 = document.layers["right-content2"];
    //next = document.layers["nextArrow"];
    //prev = document.layers["prevArrow"];
  }
  elem2.style.display = "block";
  elem1.style.display = "none";
  //next.src = "img/rightArrowGrey.gif";
  //prev.src = "img/leftArrow.gif";
}

function previousPage()
{
  var elem1, elem2, next, prev, vis;
  if( document.getElementById ) // this is the way the standards work
  {
    elem1 = document.getElementById("right-content");
    elem2 = document.getElementById("right-content2");
    //next = document.getElementById("nextArrow");
    //prev = document.getElementById("prevArrow");
  }
  else if( document.all ) // this is the way old msie versions work
  {
    elem1 = document.all["right-content"];
    elem2 = document.all["right-content2"];
    //next = document.all["nextArrow"];
    //prev = document.all["prevArrow"];
  }
  else if( document.layers ) // this is the way nn4 works
  {
    elem1 = document.layers["right-content"];
    elem2 = document.layers["right-content2"];
    //next = document.layers["nextArrow"];
    //prev = document.layers["prevArrow"];
  }
  elem2.style.display = "none";
  elem1.style.display = "block";
  //next.src = "img/rightArrow.gif";
  //prev.src = "img/leftArrowGrey.gif";
}
