$(document).ready(function(){
		
		$('#selector').hide();	
		
		$('.gallerytext').click(function(){
			$('#selector').show();
			$('.gallerytext').hide();
			next();
 		});
 		
 		});
		
		function bgChange(bg)
			{
			document.body.style.backgroundColor=bg;
			}
	
		pagewhere=location.pathname
					
		myImages=new Array()
		myImageHeights=new Array()
		if (pagewhere.search(/weddings/) > 0)
		{
		myImages[0]="resources/weddings/image1.jpg"
		myImageHeights[0]=290
		myImages[1]="resources/weddings/image2.jpg"
		myImageHeights[1]=290
		myImages[2]="resources/weddings/image3.jpg"
		myImageHeights[2]=220
		myImages[3]="resources/weddings/image4.jpg"
		myImageHeights[3]=290
		myImages[4]="resources/weddings/image5.jpg"
		myImageHeights[4]=290
		myImages[5]="resources/weddings/image6.jpg"
		myImageHeights[5]=220
		myImages[6]="resources/weddings/image7.jpg"
		myImageHeights[6]=220
		myImages[7]="resources/weddings/image8.jpg"
		myImageHeights[7]=220
		myImages[8]="resources/weddings/image9.jpg"
		myImageHeights[8]=220
		myImages[9]="resources/weddings/image10.jpg"
		myImageHeights[9]=220
		myImages[10]="resources/weddings/image11.jpg"
		myImageHeights[10]=220
		myImages[11]="resources/weddings/image12.jpg"
		myImageHeights[11]=290
		myImages[12]="resources/weddings/image13.jpg"
		myImageHeights[12]=290
		myImages[13]="resources/weddings/image14.jpg"
		myImageHeights[13]=220
		myImages[14]="resources/weddings/image15.jpg"
		myImageHeights[14]=220
		myImages[15]="resources/weddings/image16.jpg"
		myImageHeights[15]=290
		}
		
		if (pagewhere.search(/unique/) > 0)
		{
		myImages[0]="resources/unique/image1.jpg"
		myImageHeights[0]=290
		myImages[1]="resources/unique/image2.jpg"
		myImageHeights[1]=290
		myImages[2]="resources/unique/image3.jpg"
		myImageHeights[2]=220
		}

		if (pagewhere.search(/corporate/) > 0)
		{
		myImages[0]="resources/corporate/image1.jpg"
		myImageHeights[0]=290
		myImages[1]="resources/corporate/image2.jpg"
		myImageHeights[1]=290
		myImages[2]="resources/corporate/image3.jpg"
		myImageHeights[2]=220
		myImages[3]="resources/corporate/image4.jpg"
		myImageHeights[3]=290
		myImages[4]="resources/corporate/image5.jpg"
		myImageHeights[4]=290
		myImages[5]="resources/corporate/image6.jpg"
		myImageHeights[5]=290
		myImages[6]="resources/corporate/image7.jpg"
		myImageHeights[6]=290
		}
		
		if (pagewhere.search(/events/) > 0)
		{
		myImages[0]="resources/events/image1.jpg"
		myImageHeights[0]=290
		myImages[1]="resources/events/image2.jpg"
		myImageHeights[1]=220
		myImages[2]="resources/events/image3.jpg"
		myImageHeights[2]=290
		myImages[3]="resources/events/image4.jpg"
		myImageHeights[3]=290
		myImages[4]="resources/events/image5.jpg"
		myImageHeights[4]=290
		}
		
		imagecounter=myImages.length-1
		i=-1

		function previous()
		{
		if (i>0)
			{
			$('#imageviewer').hide()
			which='imagewhere'+i
			document.getElementById(which).src="resources/imageoff.gif"
			i--
			document.getElementById('imageview').src=myImages[i]
			imagecentre(i)
			which='imagewhere'+i
			document.getElementById(which).src="resources/imageon.gif"
			$('#imageviewer').fadeIn('slow')
			}
		}

		function next()
		{
		if (i<imagecounter)
			{
			if (i>-1)
			{	
			which='imagewhere'+i
			document.getElementById(which).src="resources/imageoff.gif"
			}
			$('#imageviewer').hide()
			i++
			document.getElementById('imageview').src=myImages[i]
			imagecentre(i)
			which='imagewhere'+i
			document.getElementById(which).src="resources/imageon.gif"
			$('#imageviewer').fadeIn('slow')
			}
		}
		
		function moveto(where)
		{
		for (j=0; j<=imagecounter; j++)
		{
		$('#imageviewer').hide()
		which='imagewhere'+j
		document.getElementById(which).src="resources/imageoff.gif"
		}
		which='imagewhere'+where
		document.getElementById(which).src="resources/imageon.gif"
		i=where		
		document.getElementById('imageview').src=myImages[i]
		imagecentre(i)
		$('#imageviewer').fadeIn('slow')
		}
		
		function imagecentre(i)
		{
		imgbuffer=0
		imgmargin=0
		imgbuffer=300-Number(myImageHeights[i])
		imgbuffer=imgbuffer/2
		imgmargin=String(imgbuffer)+'px'
		document.getElementById('imageview').style.marginTop=imgmargin
		document.getElementById('imageview').style.marginBottom=imgmargin
		}
		
		function imagecentrepixels(i)
		{
		imgbuffer=0
		imgmargin=0
		imgbuffer=300-i
		imgbuffer=imgbuffer/2
		imgmargin=String(imgbuffer)+'px'
		document.getElementById('imageview').style.marginTop=imgmargin
		document.getElementById('imageview').style.marginBottom=imgmargin
		}