var atltext=new Array("The kiss","Holly","Get away","Marisa","Twirl","Amanda","Amy","Bridal session","Danforth","Kim & Nick","Quiet moment","Bridal session","Wilderness","Sunset at the River","Holly with the guys","B","Baby","Avery", "Matti","Katie","Titus","Isabelle","Matti twirl","Little hood","Baby eyes","Madison","Alice","Andreaus","Pure Joy","Jan & Joel","American Legion","Harry ","Joan & Simone","Cover shot","Emily","Amelia","Taylor","Haley","Martin","Sarah","Hollyhock","Abstraction","Energy");
var mypics=new Array("1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47");
var pairpics=new Array("pair1","pair2","pair3","pair4","pair5","pair6","pair7","pair8","pair9","pair10");
var weddingpics=new Array("1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43");
var current_pair=0;
var  windex=0;

$(document).ready(function(){
	
	
		
	$("#eye").click(function () { 
		
		$(".thumb1:first").removeClass("graydark");	
		$(".thumb1:first").addClass("orange");
			$("#pair").removeClass("imagepairorangeleftright");	
			$("#pair").removeClass("imagepairorangerightleft");	
		$("#pair").addClass("imagepair");
		$("#table1").css("display","block");
		$("#picdiv").css("display","none");
		$("#wedding").css("display","none");
		$("#flashdiv").css("display","block");
		$("#weddingshow").cycle('stop');
		$("#playgallery").css("display","block");
		$("#SlideShow1").cycle(
		{ 
			fx:     'fade', 
			speed:   2200, 
			timeout: 3500, 
			next:   '#SlideShow1', 
			pause:   1 ,
			before:  onBefore, 
    		after:   onAfter
		});
	});
	
	
	$("#pausegalleryonhome").click(function()
 	{
	 $("#picdiv").css("display","none");
		$("#wedding").css("display","none");
		$("#flashdiv").css("display","block");
		$("#playgallery").css("display","block");
		$("#SlideShow1").cycle(
		{ 
			fx:     'fade', 
			speed:   2200, 
			timeout: 3500, 
			next:   '#SlideShow1', 
			pause:   1 ,
			before:  onBefore, 
    		after:   onAfter
		});
 });
$("#playgallery").click(function() 
 {
	 $("#SlideShow1").cycle('pause');
	  $("#playgallery").css("display","none");
	  $("#pausegallery").css("display","block");
 });


$("#pausegalleryonhome1").click(function()
 	{
	 $("#picdiv1").css("display","none");
		$("#table1").css("display","none");
		$("#flashdiv1").css("display","block");
		$("#SlideShow1").cycle('stop');
		$("#weddingshow").cycle(
		{ 
			fx:     'fade', 
			speed:   2200, 
			timeout: 3500, 
			
			pause:   1 ,
			before:  onBefore, 
    		after:   onAfter
		});
 });

$("#playgallery1").click(function() 
 {
	 $("#weddingshow").cycle('pause');
	  $("#playgallery1").css("display","none");
	  $("#pausegallery1").css("display","block");
 });
 
$("#pair").hover(
function()
{
	
  $("#pair").removeClass("imagepair");
  $("#pair").addClass("imagepairorange");  
  
},
function(){
	$("#pair").removeClass("imagepairorange");
	$("#pair").addClass("imagepair");
	}
);



 $("#pausegallery").click(function() 
 {
	 $("#SlideShow1").cycle('resume');
	 $("#playgallery").css("display","Block");
	  $("#pausegallery").css("display","none");
  });

 $("#pausegallery1").click(function() 
 {
	 $("#weddingshow").cycle('resume');
	 $("#playgallery1").css("display","Block");
	  $("#pausegallery1").css("display","none");
  });
  
$(".playweddiing").click(function() 
 {
	$("#weddingshow").cycle('pause');
	  $(".playweddiing").css("display","none");
	  $(".pausewedding").css("display","block");
 });
 $(".pausewedding").click(function() 
 {
	 $("#weddingshow").cycle('resume');
	 $(".playweddiing").css("display","Block");
	  $(".pausewedding").css("display","none");
  });
$("#playweddiing").click(function() 
 {
	$("#weddingshow").cycle('pause');
	  $("#playweddiing").css("display","none");
	  $("#pausewedding").css("display","block");
 });

$("#left-arrow").click(function() 
 {
	
	$("#pair").removeClass();
	$("#pair").addClass("imagepairorangerightleft");
	$("#picdiv1").css("display","block");
	$("#bigpic1").css("display","block");
	$("#weddingshow").css("display","none");
	$("#SlideShow1").cycle('stop');
	$("#weddingshow").cycle('stop');
	var windx=$("#bigpic1").attr("alt");
	 windex--;
	  if (windex<0) {
         windex=42;
        }
		var newimgname1="ImageBase/wedding/"+weddingpics[windex]+".jpg";
		FadeInImage('bigpic1',newimgname1,'picdiv1');
		$("#bigpic1").attr({src: newimgname1,title:weddingpics[indx],alt:windex});
	
 });

$("#right-arrow").click(function() 
 {
	$("#pair").removeClass();
	$("#pair").addClass("imagepairorangeleftright");
	$("#picdiv1").css("display","block");
	$("#bigpic1").css("display","block");
	$("#weddingshow").css("display","none");
	$("#SlideShow1").cycle('stop');
	$("#weddingshow").cycle('stop');
	var windx=$("#bigpic1").attr("alt");
	 windex++;
	  if (windex>42) {
         windex=0;
        }
		var newimgname1="ImageBase/wedding/"+weddingpics[windex]+".jpg";
		FadeInImage('bigpic1',newimgname1,'picdiv1');
		$("#bigpic1").attr({src: newimgname1,title:weddingpics[indx],alt:windex});
	
 });

 $("#pausewedding").click(function() 
 {
	 $("#weddingshow").cycle('resume');
	 $("#playweddiing").css("display","Block");
	  $("#pausewedding").css("display","none");
  });
var gallery_thumbs= new Array("t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t28","t29","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","t41","t42","t43","t44");
var strID = window.document.location.toString();
var rootstrid=window.document.location.toString();
tlnn=strID.length;
intLen = strID.indexOf('?');
intlnmain = strID.indexOf('index.html');
intlroot=rootstrid.indexOf('er.com/');
intslide=rootstrid.indexOf('?slide');
intgallery=rootstrid.indexOf('?gallery');
intportfolio=rootstrid.indexOf('?portfolio');
rootln=intlroot+12;
trootchar = rootstrid.substring(rootln);



if(intgallery>0)
{
	
	$(".thumb1:first").addClass("");
	$("#picdiv").css("display","block");
		$("#wedding").css("display","none");
		$("#table1").css("display","block");
		$("#flashdiv").css("display","none");
		
		$("#playgallery").css("display","none");
		$("#SlideShow1").cycle(
		{ 
			fx:     'fade', 
			speed:   2200, 
			timeout: 3500, 
			next:   '#SlideShow1', 
			pause:   1 ,
			before:  onBefore, 
    		after:   onAfter
		});
}
else 
if(intslide >=0)
{
	$(".thumb1:first").addClass("graydark");
	$("#pair").addClass("imagepairorangeleftright");
	$("#flashdiv").css("display","none");
	$("#SlideShow1").cycle('stop');
	 $(window).load(function () {
	  $("#table1").css("display","none");
	$("#picdiv").css("display","none");
	$("#bigpic1").css("display","none");
	$("#pausegallery1").css("display","none");
	$("#wedding").css("display","block");
	$("#weddingshow").cycle({ 
		fx:     'fade', 
		speed:   3200, 
		timeout: 3500,
		
		pause: 1
		
		});
	 });
} 
else
if(intLen >0)
{
		nxlnvar=intLen+1;
		strID = strID.substring(nxlnvar);
			if(intslide >=0)
			{
				strID=0;
			}
		if(strID!='') 
		{
		 $(".orange:last").removeClass("orange"); 
		 $(".thumb1").eq(strID).addClass("orange");
		 var newimgname="ImageBase/gallery/"+mypics[strID]+".jpg";
		 $("#weddingshow").cycle('stop');
		 $("#SlideShow1").cycle('stop');
			 $("#picdiv").css("display","block");
			$("#flashdiv").css("display","none");
		$("#bigpic").attr({src: newimgname,title:atltext[strID],alt:strID});
		}
		else
		{
					$(".thumb1:first").addClass("orange");
					var newimgname="ImageBase/gallery/"+mypics[0]+".jpg";
					$("#picdiv").css("display","block");
					$("#flashdiv").css("display","none");
					$("#wedding").css("display","none");
					$("#weddingshow").cycle('stop');
					$("#SlideShow1").cycle('stop');
					$("#bigpic").attr({src: newimgname,title:atltext[0],alt:0});
		}
}
else
{
	if((intlnmain>0) || (trootchar==''))
	{
		$(".thumb1:first").addClass("orange");
	}
	 $("#picdiv").css("display","block");
		$("#flashdiv").css("display","none");
	 var newimgname1="ImageBase/gallery/"+mypics[0]+".jpg";
	$("#bigpic").attr({src: newimgname1,title:atltext[0],alt:"0"});
}
$(".thumb1").click(function () {
var indx=$(".thumb1").index(this);
var strID = window.document.location.toString();
tlnn=strID.length;
intLen = strID.indexOf('index');
	$("#table1").css("display","block");
	$("#flashdiv").css("display","none");
	$("#picdiv1").css("display","none");
	$("#pair").removeClass("imagepairorangeleftright");
	$("#pair").removeClass("imagepairorangerightleft");
	$("#pair").addClass("imagepair");
				$("#wedding").css("display","none");
				$("#picdiv").css("display","block");
	if(intLen >0) 
	{
		$("#SlideShow1").cycle('stop');
		$("#weddingshow").cycle('stop');

		$(".orange:last").removeClass("orange"); 
		$(this).addClass("orange");
		var indx=$(".thumb1").index(this);
		var newimgname="ImageBase/gallery/"+mypics[indx]+".jpg";
		 FadeInImage('bigpic',newimgname,'picdiv');
		$("#bigpic").attr({title:atltext[indx],alt:indx});
	}
	else
	{
		location.href="index.html?"+indx;	
	}
});
$(".thumb1").hover(function () 
		{
			var indx=$(".thumb1").index(this);
			  $(this).attr({title:atltext[indx]});
			if((indx <=14) && (indx >=0))
			{
				$("#profilpic").attr({src:"ImageBase/GeneralImages/wedding.jpg",title:"wedding",alt:"wedding"});
			}
			else
			if((indx >14) && (indx <=28))
			{
				$("#profilpic").attr({src:"ImageBase/GeneralImages/children.jpg",title:"Kids",alt:"Kids"});
			}
			else
			if((indx <=43) && (indx >28))
			{
				$("#profilpic").attr({src:"ImageBase/GeneralImages/art_and_commerce.jpg",title:"Art & Work",alt:"Art & Work"});
			}
      $(this).css("background-image","url(ImageBase/gallery_thumbs/"+gallery_thumbs[indx]+".jpg)");
    }
	, 
    function () {
    $(this).css("background-image","");
	$("#profilpic").attr({src:"ImageBase/GeneralImages/portfolio.jpg",title:"portfolio",alt:"portfolio"});
  }
  );
$("#previmg").click(function () {
    // 
		$("#picdiv").css("display","block");
		$("#flashdiv").css("display","none");
		$("#wedding").css("display","none");
		$("#weddingshow").cycle('stop');
		$("#SlideShow1").cycle('stop');
	 var indx1=$("#bigpic").attr("alt");
	 indx1--;
	  if (indx1<0) {
         indx1=42;
        }
	 $(".orange:last").removeClass("orange"); 
	 $(".thumb1").eq(indx1).addClass("orange");
	var newimgname1="ImageBase/gallery/"+mypics[indx1]+".jpg";
	 FadeInImage('bigpic',newimgname1,'picdiv');
	$("#bigpic").attr({src: newimgname1,title:atltext[indx1],alt:indx1}); 
	  }
  );
   $("#nextimg").click(function () {
		$("#picdiv").css("display","block");
			$("#flashdiv").css("display","none");
		$("#wedding").css("display","none");
		$("#weddingshow").cycle('stop');
		$("#SlideShow1").cycle('stop');
	 var indx1=$("#bigpic").attr("alt");
	 indx1++;
	  if (indx1>42) {
         indx1=0;
        }
	 $(".orange:last").removeClass("orange"); 
	 $(".thumb1").eq(indx1).addClass("orange");
	var newimgname1="ImageBase/gallery/"+mypics[indx1]+".jpg";
 FadeInImage('bigpic',newimgname1,'picdiv');
	$("#bigpic").attr({src: newimgname1,title:atltext[indx1],alt:indx1});
	  }
  );
});

function onBefore() { 
var strigpart=this.src.split("/");
var strlength=strigpart.length;
strlength=strlength-1;
var strimgnameno=strigpart[strlength].indexOf('.jpg');
strimgnameno = strigpart[strlength].substring(0,strimgnameno);
strimgnameno=strimgnameno-1;
    $(".orange:last").removeClass("orange"); 
	$(".thumb1").eq(strimgnameno).addClass("orange");
	$("#bigpic").attr({src: "ImageBase/gallery/"+mypics[strimgnameno]+".jpg",title:atltext[strimgnameno],alt:strimgnameno}); // set the big pic
} 
function onAfter() { 
}
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);
  if (element.timer) window.clearTimeout(element.timer); 
  var startMS = (new Date()).getTime();
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)",1);
}
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 preloader() 
{
     var i = 0;
     imageObj = new Image();
     for(i=1; i<=50; i++) 
     {
          imageObj.src="ImageBase/wedding/"+i+".jpg";
     }
}