$(document).ready(function(){

	var config = {
		sensitivity: 3,
		interval: 150,
		over: makeTall,
		timeout: 0,
		out: makeShort
	}
	
	$("ul#nav li").hoverIntent(makeTall,makeShort);
	
	function makeTall() 
	{ //When list item is hovered over ...  
		$(this).find("ul.subnav").css('left',this.offsetLeft);
		$(this).find("ul.subnav").fadeIn('fast').show()
	}
	
	function makeShort()
	{
		$(this).parent().find("ul.subnav").hide();
	}
});

function photoviewer()
{
	var parent = document.getElementById('photothumbs')
	var photocount = $(parent).find('div.thumbcont').length
	if(parent)
	{
		var thumbs = parent.innerHTML
		parent.innerHTML = ""
		var leftbutton = document.createElement('div')
		leftbutton.className = 'viewerLeft'
		leftbutton.onmouseover = new Function("evt", 'this.className="viewerLeft-h"')
		leftbutton.onmouseout = new Function("evt", 'this.className="viewerLeft"')
		leftbutton.onclick = new Function("evt", 'moveLeft()')
		var rightbutton = document.createElement('div')
		rightbutton.className = 'viewerRight'
		rightbutton.onmouseover = new Function("evt", 'this.className="viewerRight-h"')
		rightbutton.onmouseout = new Function("evt", 'this.className="viewerRight"')
		rightbutton.onclick = new Function("evt", 'moveRight()')
		var container = document.createElement('div')
		container.className = 'thumbscontainer'
		var slider = document.createElement('div')
		slider.className = 'thumbsslider'
		slider.id = 'thumbsslider'
		slider.style.width = (photocount * 125) + 'px'
		slider.style.left = '50px';
		slider.innerHTML = thumbs
		container.appendChild(slider)
		parent.appendChild(leftbutton)
		parent.appendChild(container)
		parent.appendChild(rightbutton)
		activatePhoto()
	}
}

function moveLeft()
{
	var leftpos = document.getElementById('thumbsslider').style.left
	var pixels = leftpos.split('p')
	var position = Number(pixels[0])
	if(position < 50)
	{
		$('#thumbsslider').animate({
			left: (position + 120) + "px"
		}, "normal","easeInOutExpo",function (){activatePhoto()})
	}
}

function moveRight()
{
	var leftpos = document.getElementById('thumbsslider').style.left
	var photocount = $('#photothumbs').find('div.thumbcont').length
	var pixels = leftpos.split('p')
	var position = Number(pixels[0])

	var nomore = ((photocount-1) * 120) - 50
	if(nomore > (Math.abs(position)))
	{
		$('#thumbsslider').animate({
			left: (position - 120) + "px"
		}, "normal","easeInOutExpo",function (){activatePhoto()})
		
	}
}

function activatePhoto()
{
	var photos = $('#photothumbs').find('div.thumbcont')
	$('#photothumbs').find('div.thumbcont img').css('border-color','#ccc')
	var leftpos = document.getElementById('thumbsslider').style.left
	var pixels = leftpos.split('p')
	var position = Number(pixels[0])

	var slidewidth = document.getElementById('thumbsslider').style.width
	var pixels = slidewidth.split('p')
	var swidth = Number(pixels[0])
	
	var photonum = (Math.abs(position - 50)) / 120
	var letter = 'a'

	switch(photonum)
	{
		case 0:
			letter = 'a'
			break;
		case 1:
			letter = 'b'
			break;
		case 2:
			letter = 'c'
			break;
		case 3:
			letter = 'd'
			break;
		case 4:
			letter = 'e'
			break;
		case 5:
			letter = 'f'
			break;
	}

	$(photos[photonum]).find('img').css('border-color','#FFB900')
	var sourceval = $(photos[photonum]).find('img').attr('src')
	var sourcestr = sourceval.split('_')
	var bigsource = sourcestr[0] + '_300x225_' + letter + '.jpg'
	switchMainImage1(bigsource,(photonum + 1))
}