// 8a functions.js

if (typeof(OA) == 'undefined') { OA = {}; }

function showpage(page) {
	var url = '/presentation/' + page;
	location.replace(url);
}

function showtitle(page) {
	// Hide actual title
	new Effect.Fade('titulo-span');
	// Move to start
	new Effect.MoveBy ('titulo-span', 300, 0, {duration: 0.1});
	// Change image
	var image = page + '.jpg';
	$('titulo-img').src = image;
	//Move & appear
	new Effect.MoveBy( this.parentNode, 300, 0, {duration: 0.5,  transition: Effect.Transitions.reverse});
}

var aImagesPreloaded = new Array();
function preloadimages(aNewImages) {
	for(var i=0;i<=aNewImages.length; i++) { 
		aImagesPreloaded[i] = new Image(); 
		aImagesPreloaded[i].src = aNewImages[i]; 
	}
}

/*
function getPreloadedImage(src) {
	var tmpImage;
	for(var i=0;i<=aImagesPreloaded.length; i++) { 
		tmpImage = aImagesPreloaded[i];
		if(tmpImage && tmpImage.src == src) {
			return tmpImage;
		}
	}
	return new Image();
}
*/

function toggleBoxONOFF(szDivID) {
	if(document.getElementById(szDivID).style.display == 'block') {
		toggleBox(szDivID, 0);
	} else {
		toggleBox(szDivID, 1);
	}
}
function displayCheckStatus(szDivID) {
    if(document.layers)	{   //NN4+
       return document.layers[szDivID].display;
    } else if(document.getElementById)	{  //gecko(NN6) + IE 5+
        var obj = document.getElementById(szDivID);
		return obj.style.display;
    } else if(document.all) {	// IE 4
        return document.all[szDivID].style.display;
    }
}
function displayIsOn(szDivID) {
	return displayCheckStatus(szDivID)== "block";
}
function displayIsOff(szDivID) {
	return (displayCheckStatus(szDivID)== "none" || displayCheckStatus(szDivID)== "");
}
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
    if(document.layers)	   //NN4+
    {
       document.layers[szDivID].display = iState ? "block" : "none";
    }
    else if(document.getElementById)	  //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
		obj.style.display = iState ? "block" : "none";
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID].style.display = iState ? "block" : "none";
    }
}


/* OUR CLIENTS */
selectedOurClients = 'logo-ca';
function putOffOurClients() {
	var images = new Array('logo-ca','logo-google','logo-2net','logo-sales','logo-apple','logo-nueva','logo-harmony','logo-edelman','logo-agr','logo-bocagrande','logo-isenbeck','logo-tacco','logo-others');
	for(var i=0; i<images.length; i++) {
		$(images[i]).src = 'img/' + images[i] + '_off.jpg';
	}
}

function hideOurClientsDivs() {
	var divs = new Array('logo-ca-text','logo-google-text','logo-2net-text','logo-sales-text','logo-apple-text','logo-nueva-text','logo-harmony-text','logo-edelman-text','logo-agr-text','logo-bocagrande-text','logo-isenbeck-text','logo-tacco-text','logo-others-text');
	for(var i=0; i<divs.length; i++) {
		toggleBox(divs[i], 0);
	}
}
function putTextOurClients(id) {
	//alert(id);
	hideOurClientsDivs();
	putOffOurClients();
	$(id).src = 'img/' + id + '_on.jpg';
	new Effect.Appear(id + '-text');
	selectedOurClients = id;
}

function putImageOurClients(id) {
	putOffOurClients();
	$(selectedOurClients).src = 'img/' + selectedOurClients + '_on.jpg';
	//image.src = getPreloadedImage('http://' + window.location.hostname + '/presentation/img/' + image.id + '_on.jpg').src;
	$(id).src = 'img/' + id + '_on.jpg';
}

function takeImageOurClients(id) {
	putOffOurClients();
	$(selectedOurClients).src = 'img/' + selectedOurClients + '_on.jpg';
}


/* OUR WORK */
selectedOurWork = 'link-campaigns';
function putOffOurWork() {
	var images = new Array('link-websites','link-campaigns','link-solutions');
	for(var i=0; i<images.length; i++) {
		$(images[i]).src = 'img/' + images[i] + '_off.jpg';
	}
}

function hideOurWorkDivs() {
	var divs = new Array('link-websites-text','link-campaigns-text','link-solutions-text');
	for(var i=0; i<divs.length; i++) {
		toggleBox(divs[i], 0);
	}
}
function putTextOurWork(id) {
	
	hideOurWorkDivs();
	putOffOurWork();
	$(id).src = 'img/' + id + '_on.jpg';
	new Effect.Appear(id + '-text');
	selectedOurWork = id;
}

function putImageOurWork(id) {
	putOffOurWork();
	$(selectedOurWork).src = 'img/' + selectedOurWork + '_on.jpg';
	$(id).src = 'img/' + id + '_on.jpg';
}

function takeImageOurWork(id) {
	putOffOurWork();
	$(selectedOurWork).src = 'img/' + selectedOurWork + '_on.jpg';
}

/* OUR SERVICES */
selectedOurServices = 'link-ourservices1';
function putOffOurServices() {
	var images = new Array('link-ourservices1','link-ourservices2','link-ourservices3','link-ourservices4');
	for(var i=0; i<images.length; i++) {
		$(images[i]).src = 'img/' + images[i] + '_off.jpg';
	}
}

function hideOurServicesDivs() {
	var divs = new Array('link-ourservices1-text','link-ourservices2-text','link-ourservices3-text','link-ourservices4-text');
	for(var i=0; i<divs.length; i++) {
		toggleBox(divs[i], 0);
	}
}

function putTextOurServices(id) {
	hideOurServicesDivs();
	putOffOurServices();
	$(id).src = 'img/' + id + '_on.jpg';
	//new Effect.Appear(id + '-text');
	toggleBox(id + '-text', 1);
	selectedOurServices = id;
}

function showOverlay(url) {
	
	var subpage = url.split("#")[1];
	if(subpage != undefined) {
		var subpagedata = subpage.split("-");
		var featured = subpagedata[1];
		var section = subpagedata[0];
		if(featured != undefined && section != undefined) {
			var overlayid = "overlay-" + featured;
		} else return; 
	}  

	var overlay = $('overlay-' + featured + '-contents');
	var overlayurl = "/presentation/content/" + section + "/overlay/" + overlayid + ".html";
	new Ajax.Request(overlayurl, {
	  method: 'get',
	  onSuccess: function(transport) {
		var tochange = $(overlay.id);
		tochange.update(transport.responseText);
	  }
	});
  	
  	var position = document.viewport.getScrollOffsets();
  	var y = 100 + position.top;
	new Effect.Move(overlay, { x: 185, y: y, mode: 'absolute'} );
	new Effect.Appear(overlay, { queue: 'end' } );
	

}

function showOverlayContent(id) {
	$$('.overlay-menu li').each( function(oly){  
		if(id == oly.id) {
			$(oly.id).removeClassName('off');
			$(oly.id).addClassName('on');
		} else {
			$(oly.id).removeClassName('on');
			$(oly.id).addClassName('off');			
		}
		
	} );
	var idparts = id.split('-');
	idimage = idparts[0] + "-image-" + idparts[1];
	$$('.divimage').each( function(image){  
		if(image.id == idimage) {
			$(image.id).show();
		} else {
			$(image.id).hide();
		}
	});
	
	idtext = idparts[0] + "-text-" + idparts[1];
	$$('.divtext').each( function(text){  
		if(text.id == idtext) {
			$(text.id).show();
		} else {
			$(text.id).hide();
		}
	});
	
}

function replaceImage(parentid, carrousel, direction) {
	
	var parts = parentid.split("-");
	position = parts[2];
	var imagepath = $("content-image-" + position).firstDescendant().src;
	imagepath = imagepath.split("/");
	imagepath = imagepath[imagepath.length-1];
	var newdirection=0;
	for(var i=0; i < carrousel.length; i++) {
		if(imagepath == carrousel[i]) {
			if(direction == 'prev') {
				if(i==0) {
					//$(parentid).down(2).hide();
					return;
				} else {
					newdirection = i-1;
				}
			} else {
				if(i==carrousel.length-1) {
					//$(parentid).down(3).hide();
					return;
				} else {
					newdirection = i+1;
				}
			}
		}
	}
	$("content-image-" + position).firstDescendant().src = '/presentation/img/' + carrousel[newdirection];
	
}

function closeOverlay(id) {
	new Effect.Fade(id, { queue: 'end' } );
	$(id).down().remove();
}


/*
OA.Overlay = Class.create();
Object.extend(OA.Overlay.prototype, Event.Listener);
Object.extend(OA.Overlay.prototype, {

	initialize: function(overlay) {
		this.overlays
    },
    
    

}
*/