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,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_click() { //v3.0
  var a=MM_click.arguments; 
  alert(arguments);
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
//  alert(document.getElementById('effect2').style.visibility); 
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2]; }
}

function MM_swapImgRestore_visibility(target) { //v3.0
 // alert("swapimagesrestore");
  // alert(document.getElementById(target).style.visibility); 

//  alert(target);
  
/*  if (document.getElementById(target).style.visibility == "hidden")
	  document.getElementById(target).style.visibility = 'visible';
  else{
  	 var selectedEffect='slide';
			
	//most effect types need no options passed by default
	  var options = {};

	  //run the effect
	  if (target == 'effect')
	       $("#effect").toggle(selectedEffect,options,500);
	  else if (target == 'effect2')
		    $("#effect2").toggle(selectedEffect,options,500); 
  } */
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function change_visibility(target, direction) { //v3.0
 //alert(document.getElementById(target).style.visibility); 

 //alert('target='+target+', direction='+direction);
  
  if (document.getElementById(target).style.visibility == "hidden")
	  document.getElementById(target).style.visibility = 'visible';
  else{
  	 var selectedEffect='slide';
			
	//most effect types need no options passed by default
	  var options = {};

	  //run the effect
	  if (target == 'effect')
	       $("#effect").toggle(selectedEffect,options,500);
	  else if (target == 'effect2')
		    $("#effect2").toggle(selectedEffect,options,500);
  }
}

// Opacity and Fade in script.
// Script copyright (C) 2008 http://www.cryer.co.uk/.
// Script is free to use provided this copyright header is included.
function SetOpacity(object,opacityPct)
{
  // IE.
  object.style.filter = 'alpha(opacity=' + opacityPct + ')';
  // Old mozilla and firefox
  object.style.MozOpacity = opacityPct/100;
  // Everything else.
  object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
  var element=document.getElementById(id);
  var opacity = element.style.opacity * 100;
  var msNow = (new Date()).getTime();
  opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
  if (opacity<0) 
    SetOpacity(element,0)
  else if (opacity>100)
    SetOpacity(element,100)
  else
  {
    SetOpacity(element,opacity);
    element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",1);
  }
}
function FadeIn(id)
{
  var element=document.getElementById(id);
  SetOpacity(element,0);
  if (element.timer) window.clearTimeout(element.timer); 
  var startMS = (new Date()).getTime();
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)",1);
   element.style.visibility = 'visible';	
}
function FadeOut(id)
{
  var element=document.getElementById(id);
  if (element.timer) window.clearTimeout(element.timer); 
  var startMS = (new Date()).getTime();
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",100,0)",1);
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
  var foreground=document.getElementById(foregroundID);
  if (backgroundID)
  {
    var background=document.getElementById(backgroundID);
    if (background)
    {
      background.style.backgroundImage = 'url(' + foreground.src + ')';
      background.style.backgroundRepeat = 'no-repeat';
    }
  }
  SetOpacity(foreground,0);
  foreground.src = newImage;
  if (foreground.timer) window.clearTimeout(foreground.timer); 
  var startMS = (new Date()).getTime();
  foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',1000," + startMS + ",0,100)",10);
}

function FadeInImage2(foregroundID,newImage)
{
//alert(newImage);
  var foreground=document.getElementById(foregroundID);
  SetOpacity(foreground,0);
  foreground.style.backgroundImage = newImage;
  if (foreground.timer) window.clearTimeout(foreground.timer); 
  var startMS = (new Date()).getTime();
  foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',1000," + startMS + ",0,100)",10);
}

     function changeImage(target, newImage) {
      //  newImage = "";

    	document.getElementById(target).style.backgroundImage = newImage;
		
      }
		
		
	$(function() {
			   
		//run the currently selected effect
		function runEffect(){
			//get effect type from 
			//var selectedEffect = $('#effectTypes').val();
			
			if (document.getElementById('effect').style.visibility == "hidden")
			    document.getElementById('effect').style.visibility = 'visible';
			else{ 
			  var selectedEffect='slide';

			  var options = {};
			 //run the effect
			  $("#effect").toggle(selectedEffect,options,500);
			}
		};
		
		//set effect from select menu value
	/*	$("#button").click(function() {
			runEffect();
			return false;
		}); */

	});
	$(function() {
		//run the currently selected effect
		function runEffect2(){
			 
			  
			  if (document.getElementById('effect2').style.visibility == "hidden")
			     document.getElementById('effect2').style.visibility = 'visible';
			  else{
	
			   var selectedEffect='slide';
			
			  //most effect types need no options passed by default
			   var options = {};

			   //run the effect
			    $("#effect2").toggle(selectedEffect,options,500);
			  }
		};
		
		//set effect from select menu value
	/*	$("#button2").click(function() {
			runEffect2();
			return false;
		}); */
		

	});
	
	function initEffect(){
		   document.getElementById('effect').style.visibility = 'hidden';	
	       document.getElementById('effect2').style.visibility = 'hidden';	
		   FadeIn('photo');
		  // alert(document.getElementById('photo'));
		};