<!--

/* initial and recurrent check */

function MD_SlideInitCheck() {

	// adjust widths of some elements
	var availableSpace = MD_GetClientSize()[0];

	if(availableSpace < 950) { availableSpace = 950; }
	document.getElementById('header').style.width = (availableSpace) + 'px';
	document.getElementById('footer').style.width = (availableSpace) + 'px';
	
	if(!isContent) {
		document.getElementById('slide').style.width = MD_ElementDimension(document.getElementById('slide-portfolio-table'))[0] + 'px';
		document.getElementById('slide-portfolio').style.width = MD_ElementDimension(document.getElementById('slide-portfolio-table'))[0] + 'px';
	}
	
	// try to adjust the height of the whole slider
	if(!isContent) {
		MD_AdjustSlideVSpace();
	} else {
		MD_AdjustContentVSpace();
	}
	
	// we do this checks constantly for changes in window and so
	setTimeout('MD_SlideInitCheck();', 250);
	
}

/* vertical alignment and adjust */

function MD_AdjustSlideVSpace() {

	var clheight;
	var contheight;
	var contheightHeader;
	var contheightSlide;
	var contheightFooter;
	
	// detect document dimensions
	try {
		clheight = MD_GetClientSize()[1];
		contheightHeader = 78;
		contheightSlide = document.getElementById('slide-portfolio').offsetHeight;
		contheightFooter = document.getElementById('footer').offsetHeight;
		contheight = (contheightHeader + contheightSlide + contheightFooter);
	} catch(ex) {
		clheight = 0;
		contheight = 0;
	}

	// this centers the content
	if(clheight != 0 && contheightHeader != 0 && contheightSlide != 0 && contheightFooter != 0) {
		if(clheight > contheight) {
			var freespace;
			freespace = clheight - contheight;
			if(document.getElementById('header') && document.getElementById('slide')) {
				document.getElementById('header').style.paddingTop = (freespace/2) + 'px';
				document.getElementById('slide').style.paddingTop = ((freespace/2)+78) + 'px';
			}
		}
	}
	
	// this adjust the gallery size depending on the available vertical space
	if(clheight != 0) {
		var minHeightForBig = 670;
		var suggestedImageFormat = '';
		//
		if(clheight < minHeightForBig) {
			suggestedImageFormat = 'med';
		} else {
			suggestedImageFormat = 'big';
		}
		//
		if(suggestedImageFormat != current_image_format) {
			current_image_format = suggestedImageFormat;
			MD_GalleryRefresh();
		}
	}

}

function MD_AdjustContentVSpace() {

	var clheight;
	var contheight;
	var contheightHeader;
	var contheightSlide;
	var contheightFooter;
	
	// detect document dimensions
	try {
		clheight = MD_GetClientSize()[1];
		contheightHeader = 78;
		contheightSlide = document.getElementById('content').offsetHeight;
		contheightFooter = document.getElementById('footer').offsetHeight;
		contheight = (contheightHeader + contheightSlide + contheightFooter);
	} catch(ex) {
		clheight = 0;
		contheight = 0;
	}

	// this centers the content
	if(clheight != 0 && contheightHeader != 0 && contheightSlide != 0 && contheightFooter != 0) {
		if(clheight > contheight) {
			var freespace;
			freespace = clheight - contheight;
			if(document.getElementById('header') && document.getElementById('content')) {
				document.getElementById('header').style.paddingTop = (freespace/2) + 'px';
			}
		}
	}

}

/* horiz. scroll */

var scrollTargetId = '';
var scrollLength = 0;
var scrollRemaining = 0;
var scrollDone = 0;
var scrollLast = 0;
//var scrollSpeed = 15;
//var scrollPixels = 150;
var scrollSpeed = 30;
var scrollPixels = 300;

function MD_HScrollTo(obj) {
	if(document.getElementById(obj)) {
		scrollTargetId = obj;
		scrollLength = 0;
		setTimeout('MD_HScrollTo_Interval();', scrollSpeed)
	}
}

function MD_HScrollToStart() {
	if(document.getElementById('slide')) {
		scrollTargetId = 'slide';
		scrollLength = 0;
		setTimeout('MD_HScrollTo_Interval();', scrollSpeed)
	}
}

function MD_HScrollTo_Interval() {

	if(scrollTargetId == '') {
		return;
	}

	if(document.getElementById(scrollTargetId)) {

		var currentScroll = MD_GetClientScroll()[0];
		var destScroll = MD_ElementPos(document.getElementById(scrollTargetId))[0] - 35;
		if(destScroll < 0) { destScroll = 0; }

		if(scrollLength == 0) {
			if(destScroll > currentScroll) {
				scrollLength = Math.round(destScroll-currentScroll);
			} else {
				scrollLength = Math.round(currentScroll-destScroll);
			}
		}
		
		if(destScroll > currentScroll) {
			scrollRemaining = Math.round(destScroll-currentScroll);
			scrollDone = Math.round(scrollLength - scrollRemaining);
		} else {
			scrollRemaining = Math.round(currentScroll-destScroll);
			scrollDone = Math.round(scrollLength - scrollRemaining);
		}

		if(scrollRemaining > 1) {
			if(destScroll > currentScroll) {
				var offset = scrollPixels - (scrollPixels * ((scrollDone*100)/scrollLength)/100);
				offset = Math.round(offset);
				if(offset>=scrollRemaining) {
					offset = scrollRemaining;
				}
				if(scrollLast == (currentScroll + offset)) { return; }
				window.scrollTo(currentScroll + offset, MD_GetClientScroll()[1]);
				scrollLast = currentScroll + offset;
				setTimeout('MD_HScrollTo_Interval();', scrollSpeed)
			} else {
				var offset = scrollPixels - (scrollPixels * ((scrollDone*100)/scrollLength)/100);
				if(offset>=scrollRemaining) {
					offset = scrollRemaining;
				}
				if(scrollLast == (currentScroll - offset)) { return; }
				window.scrollTo(currentScroll - offset, MD_GetClientScroll()[1]);
				scrollLast = currentScroll - offset;
				setTimeout('MD_HScrollTo_Interval();', scrollSpeed)
			}
		}
	
	}
}

/* display pictures and paging/numbering */

function MD_ImageUrl(imgIdx, type) {

	if(type == 'tn') {
		return '/image/portfolio/' + gallery_id + '/47x45/5/' + img_ids[imgIdx] + '.jpeg';
	}
	
	if(type == 'big') {
		return '/image/portfolio/' + gallery_id + '/1000x500/0/' + img_ids[imgIdx] + '.jpeg';
	}
	
	if(type == 'med') {
		return '/image/portfolio/' + gallery_id + '/1000x350/0/' + img_ids[imgIdx] + '.jpeg';
	}

}

function MD_ImageSize(imgIdx, type) {

	var destW = 350;
	var destH = 350;

	//

	if(type == 'big') {
		destW = 1500;
		destH = 500;
	}
	
	if(type == 'med') {
		destW = 1500;
		destH = 350;
	}
	
	//

	var currW = img_sizes[imgIdx].split('x')[0];
	var currH = img_sizes[imgIdx].split('x')[1];
	
	if(currW == 0 || currH == 0) {
			return [350, 350]
	}
	
	var radioFrom = currW / currH
	var radioTo = destW / destH
	
	//
	
	var resizedW = 0;
	var resizedH = 0
	
	if(radioFrom < radioTo) {
		resizedW = Math.ceil((currW * destH) / currH)
		resizedH = destH				
	} else {
		resizedW = destW
		resizedH = Math.ceil((currH * destW) / currW)
	}

	return [resizedW, resizedH];
	
}

var current_page = 0;
var current_image_format = 'med';

function MD_GalleryPage(p) {

	if(p == null) {
		p = 0;
	}

	current_page = p;

	var x;
	var itemsPerPage = 15;
	var pageCount = Math.ceil(img_ids.length/itemsPerPage);
	
	var imgFrom = (p*itemsPerPage);
	var imgTo = imgFrom + itemsPerPage ;
	
	var galleryHtml = '';
	var pagesHtml = '';
	var imagesHtml = '';
	
	for(x=0;x<pageCount;x++) {
		if(x == p) {
			pagesHtml += '<li class="selected"><a href="javascript:MD_GalleryPage(' + x + ');">' + (x+1) + '</a></li>';
		} else {
			pagesHtml += '<li><a href="javascript:MD_GalleryPage(' + x + ');">' + (x+1) + '</a></li>';
		}
	}

	//
	
	galleryHtml += '<table id="slide-portfolio-table">';
	galleryHtml += '<tr>';
	
	for(x=0;x<=img_ids.length-1;x++) {
		if(x >= imgFrom && x < imgTo) {
		    galleryHtml += '<td><a onclick="MD_HScrollTo(\'img' + x + '\');"><img id="img' + x + '" name="img' + x + '" class=""  src="' + MD_ImageUrl(x, current_image_format) + '" width="' + MD_ImageSize(x, current_image_format)[0] + '" height="' + MD_ImageSize(x, current_image_format)[1] + '" alt="" title="" onMouseOver="MD_SliderImgText(this, ' + x + ');" onMouseOut="MD_SliderImgText(this);" /></a></td>';
			imagesHtml += '<li><a onclick="javascript:MD_HScrollTo(\'img' + x + '\');" onMouseOver="MD_SliderPreview(this, ' + x + ');" onMouseOut="MD_SliderPreview(this);">' + (x+1) + '</a></li>';
		}
	}
	
	 //
	 
	 if(pageCount != 1) {
	 
		 document.getElementById('footer-nav-pages').style.display = 'block';
	 
	 	var prevPageNum;
		var nextPageNum;
	 
	 	if(current_page == (pageCount-1)) {
			nextPageNum = 0;
		} else {
			nextPageNum = current_page+1;
		}
		
	 	if(current_page == 0) {
			prevPageNum = (pageCount-1);
		} else {
			prevPageNum = current_page-1;
		}
	
	    galleryHtml += '<td>';	
	    galleryHtml += '<div id="slide-portfolio-table-goback"><a href="javascript:MD_HScrollToStart();"><img src="/esp/img/slide/back-arrow.gif" width="121" height="67" /></a></div>';
	    galleryHtml += '<div id="slide-portfolio-table-changepage">';
		galleryHtml += '<a href="javascript:MD_GalleryPage(' + prevPageNum + ');">&laquo; P&aacute;gina anterior</a>';
		galleryHtml += ' | ';
		galleryHtml += '<a href="javascript:MD_GalleryPage(' + nextPageNum + ');">P&aacute;gina siguiente &raquo;</a>';
		galleryHtml += '</div>';
		galleryHtml += '</td>';
		
	} else {
		
	    galleryHtml += '<td>';	
	    galleryHtml += '<div id="slide-portfolio-table-goback"><a href="javascript:MD_HScrollToStart();"><img src="/esp/img/slide/back-arrow.gif" width="121" height="67" /></a></div>';
		galleryHtml += '</td>';
		
		 document.getElementById('footer-nav-pages').style.display = 'none';
		 
	}
	
	//
	
    galleryHtml += '</tr>';
    galleryHtml += '</table>';	

	//

	document.getElementById('slide-portfolio').innerHTML = galleryHtml;
	document.getElementById('footer-nav-pages-list').innerHTML = pagesHtml;
	document.getElementById('footer-nav-images-list').innerHTML = imagesHtml;
	
	// 
	
	MD_HScrollToStart();

}

function MD_GalleryRefresh() {
	MD_GalleryPage(current_page);
}

/* preview tooltip */

function MD_SliderPreview(src, img_idx) {

	if(img_idx != null && !isIe6) {
		document.getElementById('slide-image-preview').style.display = 'block';
		document.getElementById('slide-image-preview').style.top = (MD_ElementDimension(document.getElementById('slide'))[1]-45) + 'px';
		document.getElementById('slide-image-preview').style.left = (MD_ElementPos(src)[0]-18) + 'px';
		document.getElementById('slide-image-preview').style.backgroundImage = 'url('+ MD_ImageUrl(img_idx, 'tn') +')';
	} else {
		document.getElementById('slide-image-preview').style.display = 'none';
	}
}

/* info tooltip */

function MD_SliderImgText(src, img_idx) {

	if(img_idx != null) {
		
		var infoHtml = '';
		if(img_titles[img_idx] != '') { infoHtml += '<div><strong>' + img_titles[img_idx] + '</strong></div>'; }
		if(img_subtitles[img_idx] != '') { infoHtml += '<div>' + img_subtitles[img_idx] + '</div>'; }
		
		if(infoHtml != '') {
			document.getElementById('slide-image-text').style.display = 'block';
			document.getElementById('slide-image-text').style.top = (MD_ElementPos(src)[1]+5) + 'px';
			document.getElementById('slide-image-text').style.left = (MD_ElementPos(src)[0]+5) + 'px';
			document.getElementById('slide-image-text').style.width = (200) + 'px';
			document.getElementById('slide-image-text').innerHTML = infoHtml;
		}
		
	} else {
		document.getElementById('slide-image-text').style.display = 'none';
	}
}

-->