// 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/prod_images.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 pageindex=1;
var pagesize=15;
var roll_index
var pindex=0

$('.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 transparent');
}
});


$('.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;
}
}
pageindex=Math.ceil((pindex+1)/pagesize);
$('#page_num').text(pageindex);
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 + "large/" + photoArray[pindex])
	//$("#enlarge_link").attr("href", photoFolder + "large/" + photoArray[pindex])
}

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

/*$('#photo_large').click(function(){
var photoSrc=$("#photo_large").attr("src");
photoSrc=decodeURI(photoSrc);
for (var i=0; i<photoArray.length; i++) {
if (photoSrc.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;
});*/


$("#next_button").click(function(event){
var photoSrc=$("#photo_large").attr("src");
photoSrc=decodeURI(photoSrc);
for (var i=0; i<photoArray.length; i++) {
if (photoSrc.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;
});

$("#prev_button").click(function(event){
var photoSrc=$("#photo_large").attr("src");
photoSrc=decodeURI(photoSrc);
for (var i=0; i<photoArray.length; i++) {
if (photoSrc.indexOf('/' + photoArray[i])!=-1) {
 if (i==0) {pindex=(photoArray.length-1);}else{pindex=(i-1);}
}
}
if (pindex==photoArray.length-1) {movelast();} else if (Math.ceil((pindex+1)/pagesize)<pageindex) {moveprev();}
selectThumb();
$("#photo_large").fadeOut("normal", showPhoto);
return false;
});


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

$('#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 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'));
	setButtons();
	});
	}
}

function moveprev() {
if (slideposition != 0) {
	pageindex--;
	$('#page_num').text(pageindex);
	$('#slider').animate({left: '+=' + slidewidth + 'px'}, 'slow', function() {
	slideposition=parseInt($('#slider').css('left'))
	setButtons();
	});
	}
}


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

function movelast(){
pageindex=Math.ceil((photoArray.length+1)/pagesize);
var pos = (-totalwidth + slidewidth);
$('#page_num').text(pageindex);
	$('#slider').css('left', pos + 'px');
	slideposition=parseInt($('#slider').css('left'));
	setButtons();
}

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')
	}
	}

});