var OnLoad = ""; window.onload = function() { eval(OnLoad); }
var d = detectMacXFF2();

// JavaScript Document
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}


function switch_img (id, folder) {

var gallery_div = document.getElementById('gallery_div');
var allContainedElements = gallery_div.getElementsByTagName("*");

 setOpacity(document.getElementById('gallery_div_back'), 100);
 
 if ( allContainedElements[0].id != "" && document.getElementById(allContainedElements[0].id))
 {
 	
	if (!d)
	document.getElementById('gallery_div_back').style.backgroundImage = "url(" + document.getElementById(allContainedElements[0].id).src + ")"; 
 }
 document.getElementById('gallery_div').innerHTML = '<img id="full_' + id + '" src="http://www.ciuffaphotography.com/photos/' + folder + '/full/' + id + '" class="hidden" onLoad=revealImg("full_' + id + '"); />';


//document.getElementById('gallery_div').innerHTML = '';
 

  /* more code to run on page load */
  //OnLoad += "mything();"
 
}


//First, we need to detect Mac Firefox,
function detectMacXFF2() {
  var userAgent = navigator.userAgent.toLowerCase();
  if (/firefox[\/\s](\d+\.\d+)/.test(userAgent)) {
    var ffversion = new Number(RegExp.$1);
    if (ffversion < 3 && userAgent.indexOf('mac') != -1) {
      return true;
    }
  }
}

function setOpacity(obj, opacity) {
 	
	if (obj && !d)	{
	  opacity = (opacity == 100)?99.999:opacity;
	  
	  // IE/Win
	  obj.style.filter = "alpha(opacity:"+opacity+")";
	  
	  // Safari<1.2, Konqueror
	  obj.style.KHTMLOpacity = opacity/100;
	  
	  // Older Mozilla and Firefox
	  obj.style.MozOpacity = opacity/100;
	  
	  // Safari 1.2, newer Firefox and Mozilla, CSS3
	  obj.style.opacity = opacity/100; 
	}

}
function fadeIn(objId,opacity) {
  
  if (document.getElementById) {
    obj = document.getElementById(objId);
    //obj2 = document.getElementById('gallery_div');
	//opacity2 = 100 - opacity;
	//alert(opacity2);
	
	if (opacity <= 100) {
      
	  setOpacity(obj, opacity);
      //setOpacity(obj2, opacity2);
	  
	  opacity += 10;
	  
	  
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
	  //window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
	  
    }
	
  }
}

function fadeOut(objId,opacity) {
  
  if (document.getElementById) {
    obj = document.getElementById(objId);
    //obj2 = document.getElementById('gallery_div');
	//opacity2 = 100 - opacity;
	//alert(opacity2);
	
	if (opacity >= 0) {
      
	  setOpacity(obj, opacity);
      //setOpacity(obj2, opacity2);
	  
	  opacity -= 10;
	   
	  window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
	  
    }
	
  }
}




function revealImg(myid)	{
	//document.getElementById(myid).style.display = "block";
  image = document.getElementById(myid);
  
  if (image)	{
	  setOpacity(image, 0);
      image.style.visibility = 'visible';
  }
  
  fadeIn(myid,0);
  fadeOut('gallery_div_back',100);

}

function highlight_img(id) {
document.getElementById(id).style.border = '#333333 3px solid';
document.getElementById(id).style.margin = '1px';
}

function normal_img(id) {
document.getElementById(id).style.border = '#EEEEEE 2px solid';
document.getElementById(id).style.margin = '2px';
}



function moveRight()
{

	objId = 'ImageContainer';
	this.timeoutID = window.setTimeout("scrollToRight('"+objId+"')", 2); 
	}

function moveLeft()
{

	objId = 'ImageContainer';
	this.timeoutID = window.setTimeout("scrollToLeft('"+objId+"')", 2); 
	
}

function scrollToLeft(objId)	{
	//myBox = document.getElementById(objId);
	myBox = document.getElementById('ImageContainer');
	if (myBox.scrollLeft > 20)	{
		myBox.scrollLeft -= 7;
		timeoutID = window.setTimeout("scrollToLeft('"+objId+"')", 2); 	
	}
	
}
function scrollToRight(objId)	{
	//myBox = document.getElementById(objId);
	myBox = document.getElementById('ImageContainer');
	myBox.scrollLeft += 7;
	timeoutID = window.setTimeout("scrollToRight('"+objId+"')", 2); 
}

function jumpLeft(value)	{
	myBox = document.getElementById('ImageContainer');
	myBox.scrollLeft -= value;
}

function jumpRight(value)	{
	myBox = document.getElementById('ImageContainer');
	myBox.scrollLeft += value;
}

function stopScroll()	{
	clearTimeout(this.timeoutID);	
}



//IMAGE PRELOADER
function preloader(imageArray) 

{
     // counter
     var i = 0;


     // create object
     imageObj = new Image();

    // set image list
     images = new Array();
    
     // start preloading
     for(i=0; i<imageArray.length; i++) 
     {
          imageObj.src=imageArray[i];
		  //alert(imageArray[i]);
     }
}