var firstImage = 0;
$(document).ready(function(){
	
	var maxPages = parseInt(photo.length / 20);
	var pageNumber = $.query.get('p'); 				 
	if(pageNumber === null || pageNumber == '') pageNumber = 0;
	var prevPage = 0;
	var nextPage = maxPages;
	if(pageNumber != 0) prevPage = pageNumber - 1;
	if(pageNumber != maxPages) nextPage = pageNumber + 1;
	$("a#btnPrev").attr("href","gallery.html?p=" + prevPage);
	$("a#btnNext").attr("href","gallery.html?p=" + nextPage);
	
	loadThumbs(pageNumber);

	$(".thumb").draggable({helper:'clone', opacity:'0.8', delay:'100' });
	$(".drop").droppable({
		tolerance: 'touch',
		accept: ".thumb",
		activeClass: 'droppable-active',
		hoverClass: 'droppable-hover',
		drop: function(ev, ui) {
//			$(this).append("<br>Dropped!");

			var droppedPhoto = $(ui.draggable).attr("id");
			var currentCookie = $.cookie('RSB_Basket');
//			alert("Dropped! - " + droppedPhoto);

			if(currentCookie === null || currentCookie == ''){
				$.cookie('RSB_Basket', droppedPhoto , {expires: 31, path: '/'});
				loadBasket();																		
			}else{
				if(!currentCookie.match(droppedPhoto)){
					$.cookie('RSB_Basket', currentCookie + ',' + droppedPhoto , {expires: 31, path: '/'});
					loadBasket();
				}
			}
		}
	});

	loadBasket();
	PhotoId = photo[pageNumber*20].split(".")
	pId = PhotoId[0]
	loadPreview($("img#"+pId));
});

function loadThumbs(p){
	$("div.thumbnail").each(function(i, n){	
		pN = (i*2) + (p*20);
		$(n).empty();
		if(photo[pN] != null && photo[pN] != ''){
			PhotoId = photo[pN].split(".")
			pId = PhotoId[0]
			if (photo[pN+1]==1){
				imAge = '<div class="horzThumb"><img id="' + pId + '" name="' + photo[pN+1] + '" src="images/gallery/thumbnails/' + photo[pN] + '" class="thumb" style="cursor: pointer;" alt="Click to view, drag to basket to buy" title="Click to view, drag to basket to buy" /></div>'
			}else{
				imAge = '<div class="vertThumb"><img id="' + pId + '" name="' + photo[pN+1] + '" src="images/gallery/thumbnails/' + photo[pN] + '" class="thumb" style="cursor: pointer;" alt="Click to view, drag to basket to buy" title="Click to view, drag to basket to buy" /></div>'
			}
			$(n).append(imAge)
		}
	});

	var thumbSrc, mediumSrc, zoomSrc;
	$("div#Index").html("Page - " + parseInt(p+1));
	$("img.thumb").each(function(i, n){	
		thumbSrc = $(n).attr('src');
		this.mediumSrc = thumbSrc.replace('thumbnails', 'previews');
		$(n).click(function(){

			if($(n).attr('name') == 1){ 
				imgActive = "Horz"; 
				imgInactive = "Vert"; 
			} else { 
				imgActive = "Vert"; 
				imgInactive = "Horz"; 
			}
			$("img#image"+imgActive).attr("src", this.mediumSrc);
			$("div#photoName"+imgActive).html("Image - " + this.mediumSrc.substring(24));
			$("div#previewImage"+imgActive).css("display","block");

			$("div#previewImage"+imgInactive).css("display","none");
		}).css('cursor', 'pointer');
	});
}

function loadPreview(th){
	this.mediumSrc = th.attr('src').replace('thumbnails', 'previews');
	if(th.attr('name') == 1){ 
		imgActive = "Horz"; 
		imgInactive = "Vert"; 
	} else {
		imgActive = "Vert"; 
		imgInactive = "Horz"; 
	}

//	$("div#Debug").html(th.width() + " x " + th.height() + " : " + aspect + " - " +imgActive);

	$("img#image"+imgActive).attr("src", this.mediumSrc);
	a = this.mediumSrc.split("_")
	$("div#photoName"+imgActive).html("Image - " + a[1]);
	$("div#previewImage"+imgActive).css("display","block");

	$("div#previewImage"+imgInactive).css("display","none");
}


function loadBasket(){
	var currentCookie = $.cookie('RSB_Basket');	
	if(currentCookie !== null && currentCookie != undefined && currentCookie != ''){
		photos = currentCookie.split(",");
		$("div#basketContent").html('You have <strong>' + photos.length + '</strong> photos in your basket.<br/><a href="viewbasket.asp">View Now.</a><br/><br/><a href="javascript:clearbasket();">Empty basket.</a>');
	}
	else{
		$("div#basketContent").html('Drag and drop photos you like into this area.');
	}
}


function clearbasket(){
	$.cookie('RSB_Basket', null, { path: '/' });
	loadBasket();
}