// JavaScript Document

$(document).ready(function(){

var pArray = new Array();
var photoFolder='/images/products/';
var photoArray = new Array();
var captionArray = new Array();
var qstring=location.search;
qstring=qstring.substring(1, qstring.length);

var next=0;
// look in qstring to get image= value and set default image in array.
var image_id=0;

for (var i=0; i<qstring.split('&').length; i++) {
	if (qstring.split('&')[i].indexOf('image=')!=-1) {
	image_id=qstring.split('&')[i].substring(6, qstring.split('&')[i].length);
	image_id=parseInt(image_id);
	if (isNaN(image_id)) {image_id=0;}
	}
}

//if (qstring.length>1) {
//Check query string to see if ajax should load data
$.ajax({
type: "GET",
url: "/products/tour_data.aspx",
data: qstring,
dataType: "xml",
success: function(xml) {
$(xml).find('photo').each(function(){
var name_text = $(this).attr('name');
photoArray.push(name_text);
var caption_text = $(this).attr('caption');
captionArray.push(caption_text);
// var name_text = $(this).find('name').text() this would find any nested tags
}); //close each(
if (image_id>photoArray.length) {image_id=photoArray.length-1;}

$('.photo_thumbs_container:first').css('border', '2px solid #000000');

//$("#photo_large").attr("src", photoFolder + photoArray[image_id]);
//$("#caption_container").text(captionArray[image_id]);
//$("#numbers_total").text(photoArray.length);
//$("#numbers").text(image_id+1);
}
}); //close $.ajax

//}

var roll_index
var pindex=0
var pageindex=1
var pagesize=8

var totalwidth=parseInt($('#slider_content').width());
var slideposition=parseInt($('#slider').css('left'));
var slidewidth=parseInt($('#slide_viewer').width());
setButtons();



$('.photo_thumbs_container').hover(function(){
 roll_index=$('.photo_thumbs_container').index(this);
//animate can only manipulate css with numeric values.
//$(this).animate( { opacity: .5 }, 'slow');
 $(this).css('border', '2px solid #000000');
}, function(){
	if (roll_index!=pindex) {
//$(this).animate( { opacity: 1 }, 'slow');	
	$(this).css('border', '2px solid #ffffff');
}
});


$('.photo_thumbs').click(function(){
	var thumbSrc=$(this).attr('src');
	for (var i=0; i<photoArray.length; i++) {
if (thumbSrc.indexOf('/' + photoArray[i])!=-1) {
 pindex=i;
}
}
selectThumb();
$("#photo_large").fadeOut("normal", showPhoto);
	return false;
});

function showPhoto() {
	$('#photo_large').load(function() {
	$(this).fadeIn('slow');
	}).attr('src', photoFolder + photoArray[pindex]);
	$('#caption_container').text(captionArray[pindex]);
	$("#photo_link").attr("href", photoFolder + "" + photoArray[pindex])
}

function selectThumb() {
	$('.photo_thumbs_container').css('border', '2px solid #ffffff');
	$('.photo_thumbs_container:eq(' + pindex + ')').css('border', '2px solid #000000');
}


$('#photo_large').click(function(){
	for (var i=0; i<photoArray.length; i++) {
	if ($(this).attr('src').indexOf('/' + photoArray[i])!=-1) {
	if (i==photoArray.length-1){pindex=0;}else{pindex=i+1;}
	}
	}
	if (pindex==0) {
		movefirst();
	} else if ((pindex+1)/pagesize>pageindex) {
		movenext();
	}
	selectThumb();
	$("#photo_large").fadeOut("normal", showPhoto);
	return false;
});
/**/




$('#slide_next_button').click(function(){
if (!($('#slider').is(':animated'))) {																			 
	if (slideposition + totalwidth > slidewidth) {
	$('#slider').animate({left: '-=' + slidewidth + 'px'}, 'slow', function() {
	slideposition=parseInt($('#slider').css('left'))
		setButtons();
	});
	}

	return false;
}
});

$('#slide_prev_button').click(function(){
if (!($('#slider').is(':animated'))) {	
if (slideposition != 0) {
	$('#slider').animate({left: '+=' + slidewidth + 'px'}, 'slow', function() {
	slideposition=parseInt($('#slider').css('left'))
	setButtons();
	});
	}
	
	return false;
}
});


function setButtons() {
	if (slideposition + totalwidth == slidewidth) {
		$('#slide_next_button').css('color', '#cccccc')
		} else {
		$('#slide_next_button').css('color', '#000000')
		}

	if (slideposition==0) {
	$('#slide_prev_button').css('color', '#cccccc')
	} else {
	$('#slide_prev_button').css('color', '#000000')
	}
	}
	
function movenext() {
if (slideposition + totalwidth > slidewidth) {
	pageindex++;
//	$('#page_num').text(pageindex);
	// need to not allow another click if animate is still playing from previous click.
	$('#slider').animate({left: '-=' + slidewidth + 'px'}, 'slow', function() {
	slideposition=parseInt($('#slider').css('left'))
	});
	}
}

function movefirst(){
	pageindex=1;
//	$('#page_num').text(pageindex);
	$('#slider').css('left', '0px');
	slideposition=parseInt($('#slider').css('left'));
}	

});