var currentSection = "";
var tabTag = "-tab";
var paneTag = "-imagen";
var fotos = new Array();
var totalFotos = 0;
function ScrollSection(link, scrollArea, offset){
	if (currentSection == link) {
		return;
	}
	lastSection = currentSection;
	currentSection = link;
    sectionTab = currentSection.split("-")[0] + tabTag;
    document.getElementById(sectionTab).className = "active";
    if (lastSection) {
	    lastTab = lastSection.split("-")[0] + tabTag;
	    document.getElementById(lastTab).className = "inactive";
	}
	theScroll = document.getElementById(scrollArea);
	position = findElementPos(document.getElementById(link));
	if (offset != "") {
		offsetPos = findElementPos(document.getElementById(offset));
		position[0] = position[0] - offsetPos[0];
	}
	idImagen = currentSection.split("-")[0];
	idImagen = idImagen.replace('_','');
	if (fotos[parseInt(idImagen)]){
		$('titulo_imagen').innerHTML = fotos[parseInt(idImagen)].titulo;
	}
	$('indexFotos').innerHTML =  " " + idImagen + "/" + totalFotos + " " ;
	url = window.parent.document.location.toString();
	document.location = url.split("#")[0] + "#" + idImagen;
	scrollStart(theScroll, theScroll.scrollLeft, position[0], "horiz");
}
function ScrollArrow(direction, toolbar, scrollArea, offset) {
	toolbarElem = document.getElementById(toolbar);
	toolbarNames = new Array();
	if (toolbarElem.hasChildNodes()){
		var children = toolbarElem.childNodes;
		for (var i = 0; i < children.length; i++){
			if (toolbarElem.childNodes[i].tagName == "LI") {
				toolbarNames.push(toolbarElem.childNodes[i].id.split("-")[0]);
			}
		}
	}
	for (var i = 0; i < toolbarNames.length; i++) {
		if (toolbarNames[i] == currentSection.split("-")[0]) {
			if (direction == "left") {
				if (i - 1 < 0) {
					gotoTab = toolbarNames[toolbarNames.length - 1];
				} else {
					gotoTab = toolbarNames[i - 1];
				}
			} else {
				if ((i + 1) > (toolbarNames.length - 1)) {
					gotoTab = toolbarNames[0];
				} else {
					gotoTab = toolbarNames[i + 1];
				}
			}
		}
	}
	/*
	try {		
		idImagen = gotoTab.replace('_','');
		callFunction(idImagen);
	} catch (e){}*/
	ScrollSection(gotoTab+paneTag, scrollArea, offset);
}
var scrollanim = {time:0, begin:0, change:0.0, duration:0.0, element:null, timer:null};
function scrollStart(elem, start, end, direction){
	if (scrollanim.timer != null) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}
	scrollanim.time = 0;
	scrollanim.begin = start;
	scrollanim.change = end - start;
	scrollanim.duration = 20;
	scrollanim.element = elem;	
	if (direction == "horiz") {
		scrollanim.timer = setInterval("scrollHorizAnim();", 15);
	}else {
		scrollanim.timer = setInterval("scrollVertAnim();", 15);
	}
}
function scrollVertAnim(){
	if (scrollanim.time > scrollanim.duration) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}else {
		move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration);
		scrollanim.element.scrollTop = move; 
		scrollanim.time++;
	}
}
function scrollHorizAnim(){
	if (scrollanim.time > scrollanim.duration) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}else {
		move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration);
		scrollanim.element.scrollLeft = move;
		scrollanim.time++;
	}
}
function sineInOut(t, b, c, d){
	return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
}
function findElementPos(elemFind){
	var elemX = 0;
	var elemY = 0;
	do {
		elemX += elemFind.offsetLeft;
		elemY += elemFind.offsetTop;
	} while ( elemFind = elemFind.offsetParent )
	return Array(elemX, elemY);
}

function verGaleria(id){	
	$('link_galeria_'+ id).className="presionado";
}