// JavaScript Document

function galleryRequest(number,number2){

	document.getElementById('JQload'+number).style.display = 'block';

	$.ajax({
		url: Global.url+'gallery.vm?id='+number+'&pdbRef='+number2,
		type: 'GET',
		dataType: 'html',
		timeout: 4000,
		error: function(){
			alert('Error loading html document');
		},

		success: function(html){
			$("#JQshow"+number).append(html);
			sentTimer = setTimeout("hideLoading("+number+")", 2000);


		}
	});

}

function hideLoading(number) {
	document.getElementById('JQload'+number).style.display = 'none';
	document.getElementById('JQshow'+number).style.display = 'block';
	jQuery("#mycarousel"+number).jcarousel();
}

function toggleGalleryButton(number) {
	document.getElementById('viewGalleryButton'+number).style.display = 'none';
	document.getElementById('closeGalleryButton'+number).style.display = 'block';
	document.getElementById('viewGalleryButton'+number).innerHTML = "<a class='galleryLink viewGalleryLink' id='carouselGallery'+number onclick='toggleGalleryButtonTrue("+number+")'>View Gallery</a>";
}

function toggleGalleryButtonClose(number) {
	document.getElementById('closeGalleryButton'+number).style.display = 'none';
	document.getElementById('viewGalleryButton'+number).style.display = 'block';
	document.getElementById('JQshow'+number).style.display = 'none';
}

function toggleGalleryButtonTrue(number) {
	document.getElementById('JQshow'+number).style.display = 'block';
	document.getElementById('viewGalleryButton'+number).style.display = 'none';
	document.getElementById('closeGalleryButton'+number).style.display = 'block';
}

//JavaScript Document
function ajaxRequest(href, code, type, idnum){
		
	//id for reviews and gallery elements on page
	var id = '_' + code + idnum;
	
	//show little blue ajax loader gif
	$('a#' + type + 'Link' + code + ' div.blueAjaxLoader').show();
	
	if( type == 'gallery' ) {
		//need to take gallery id, which I put in href, to make the href
		href = Global.url+'gallery.vm?id='+idnum+'&pdbRef='+code;		
	}
	else
	{
		href = href + '/' + code;
	}
		
	//alert('ajax request href[' + href + '] code[' + code + '] type[' + type + '] id[' + id + ']');
		
	if( $('div#' + type + id).css('display') != 'none' ) {		
		$('div#' + type + id).slideUp();
		
		//hide the blue ajax loader once done					
		$('a#' + type + 'Link' + id + ' div.blueAjaxLoader').hide();
		
		if( type == 'gallery' ) {
			//change link to hide gallery
			$('a#galleryLink' + id).html('View Gallery <div class="blueAjaxLoader"></div>');
		}
		if( type == 'review' ) {
			//change link to hide gallery
			$('a#reviewLink' + id).html('Read Reviews (' + $('div#noOfReviews' + id).html() + ')<div class="blueAjaxLoader"></div>');
		}
	}
	else {
		if( $('div#' + type + id).hasClass('done') ) {			
			if( type == 'review' ) {
				//change link to hide gallery
				$('a#reviewLink' + id).html('Hide Reviews (' + $('div#noOfReviews' + id).html() + ')<div class="blueAjaxLoader"></div>');
			}
			//already got the data and populated it, so just show it
			$('div#' + type + id).slideDown(250);
			
			//hide the blue ajax loader once done					
			$('a#' + type + 'Link' + id + ' div.blueAjaxLoader').hide();
		}
		else
		{
			//not got data so ajax call to get it						
			$.ajax({
				url: href,
				type: 'GET',
				dataType: 'html',
				timeout: 4000,
				error: function(){
					alert('Error loading html document [' + href + '/' + id + ']');
				},
		
				success: function(html){				
					switch(type) {
					case 'review':						
						//change link to hide reviews					
						$('a#reviewLink' + id).html('Hide Reviews (' + $('div#noOfReviews' + id).html() + ')<div class="blueAjaxLoader"></div>');
						
						$('div#' + type + id).html(html);
						$('div#' + type + id).addClass('done');
						$('div#' + type + id).slideDown(250);
												
						break;
					case 'gallery':						
						//clean up page close and clear out other galleries
						$('div.galleryDropDown').html('');
						$('div.galleryDropDown').slideUp();
						
						//change link to hide gallery						
						$('a#galleryLink' + id).html('Hide Gallery <div class="blueAjaxLoader"></div>');
						
						$('div#gallery' + id).html(html);
						$('div#' + type + id).slideDown(250);
						break;
					default:
						alert('ajax request didnt work!');
					}
					
					//hide the blue ajax loader once done					
					$('a#' + type + 'Link' + id + ' div.blueAjaxLoader').hide();
				}
			});
		}
	}
}