var count = 0; 
var countAux=0;

var baseSpeed = 0.05; 
var radiusX = 190; 
var radiusY = 70; 
var centerX = 200; 
var centerY = 70;
var maxSpeed=1;
var speed = maxSpeed;
var imageDivs = '';
var numberOfElements = 0;
var carousel = '';
var element=null;
var inter=null;

var alturaMinima=70;
var alturaMaxima=140;
var altura=0;

var sentit=1;
var idClick=0;
var bolaActual=0;
var descripcioActual=0;

var descripció = new Array(2) //0 --> viral; 1--> Guerrilla
descripció[0] = "Los conceptos de viral marketing o buzz marketing implican dejar la conversación en manos de los consumidores. Lo que una marca puede hacer es incentivar esta conversación, ofreciendo algo a sus clientes que merezca la pena (contenidos, noticias, servicios exclusivos, una gran experiencia de uso, etc.).<br /><br />En Duplex ayudamos a una marca a crear campañas y productos que generen verdadero interés entre su público objetivo, encontrando las motivaciones esenciales de ese público, y dedicando tiempo y esfuerzo a crear un contenido, servicio o experiencia que llegue a este público sin provocar el escepticismo de la publicidad tradicional.<br /><br />El marketing viral de verdad es el que involucra a sus destinatarios, no el que les engaña. Es el que seduce, no el que oculta. Es el que se gana, no el que se compra. Es el que evoluciona en manos de los consumidores, que lo hacen creíble para otros consumidores."
descripció[1] = "Una acción de guerrilla/street marketing debe ser capaz de impactar con suficiente fuerza en los que la viven en directo como para que el resto de personas se fijen en ella. <br /><br />En Duplex creamos acciones y eventos que, partiendo de ideas potentes e inesperadas, capturen la atención de personas y medios mientras trasmiten el mensaje de la marca." 



function iniciCarousel()
{
	//carousel = $('carousel');
	
	//changeContent();
	
	imageDivs = $('carousel').getElementsByTagName("div"); 
	numberOfElements = imageDivs.length; 
	
	startCarouselInit();
}
function startCarouselInit()
{
	for(i=0; i < numberOfElements; i++)
	{
		angle = i * ( Math.PI * 2 ) / numberOfElements;
	
		imageDivsStyle = imageDivs[ i ].style; 
		imageDivsStyle.position='absolute'; 
		imageDivsStyle.width
		
		posX = ( Math.sin( angle ) * radiusX + centerX );
		posY = ( Math.cos( angle ) * radiusY + centerY );
		

		
		imageDivsStyle.left= posX + "px"; 
		imageDivsStyle.top = posY + "px";
		
		imageDivWidth = posY/3;
		imageDivZIndex = Math.round(imageDivWidth)+100;
		
		imageDivsStyle.width = imageDivWidth+'px';
		imageDivsStyle.zIndex = imageDivZIndex;
		

		//$("a"+i).removeAttribute("HEIGHT");
		
		altura = alturaMinima + (parseInt(imageDivs[i].style.top)/4);
		$("a"+i).style.width=altura+"px";
		$("a"+i).style.height=parseInt(altura*1.2087)+"px";
		
	
		angle += speed;
	}
}


function mover( id ) 
{
	bolaActual=parseInt(id);
	element=$(id);
	clearInterval(inter);
	
	//alert(element.style.left+" "+element.style.top);
	
	if(parseInt(element.style.left)>centerX)
	{
		sentit=1;
		count=count-2;
	}
	if(parseInt(element.style.left)<=centerX)
	{
		sentit=0;	
		count=count+2;
	}	
	//alert(count);
	inter=setInterval('startCarouselBucle()',40);
}
function startCarouselBucle()
{	
	//alert(count);
	for(i=0; i < numberOfElements; i++)
	{
		if ((parseInt(element.style.left)<=centerX+5) && (parseInt(element.style.left)>=centerX-5) && (parseInt(element.style.top)<=(centerY+radiusY+5)) && (parseInt(element.style.top)>=(centerY+radiusY-5)))
		{
			//alert(count);
			clearInterval(inter);
			//changeContent(); //o al principi, com vulguin
			checkServicios(bolaActual);
			return;
		}
		else
		{
			angle = i * ( Math.PI * 2 ) / numberOfElements;
	
			imageDivsStyle = imageDivs[ i ].style; 
			imageDivsStyle.position='absolute'; 
			altura = alturaMinima + (parseInt(imageDivs[i].style.top)/4);
			
			//speed = 1.5 - (alturaMinima + (parseInt(element.style.top)/4))/alturaMaxima;
			//alturaMaxima
			//speed = +maxSpeed * (1 - (parseInt(element.style.top)/(alturaMaxima)));
			//alert("Speed: "+speed);
			posX = ( Math.sin( count * ( baseSpeed * speed ) + angle )* radiusX + centerX );
			posY = ( Math.cos( count * ( baseSpeed * speed ) + angle )* radiusY + centerY );
			
			posX=parseInt(posX); 
			posY=parseInt(posY);
			
			imageDivsStyle.left = posX+"px"; 
			imageDivsStyle.top = posY+"px";
			
			imageDivWidth = posY/3;
			imageDivZIndex = Math.round(posY);
			
			imageDivsStyle.width = imageDivWidth+'px';
			imageDivsStyle.zIndex = imageDivZIndex;
			
			
			$("a"+i).style.width=altura+"px";
			$("a"+i).style.height=parseInt(altura*1.2087)+"px";
			//alert("Actual: "+actual+"\nANTES\nid: "+imageDivs[ actual ].id+";\nposX: "+posX+";\ncount: "+count+";\nangle: "+angle+"\n\nDESPUES\nLeft: "+imageDivsStyle.left+";\nTop: "+imageDivsStyle.top);
		}
	}	
	
	if(sentit==1) //sentit horari
		count--;
	else
		count++; //sentit antihorari
	//alert(count);
}


function onloadCarousel() 
{
	var oldonload = window.onload;
	if (typeof window.onload != 'function') 
	{
		window.onload = iniciCarousel();
	}
	else 
	{
		window.onload = function() 
		{
			oldonload();
			iniciCarousel();
		}
	}
}





function changeContent_2(indi) 
{
	descripcioActual=parseInt(indi)
	if (descripcioActual==0)
	{
		document.getElementById('bot1').src = 'img/viralServiciosOn.jpg'
		document.getElementById('bot2').src = 'img/streetServiciosOff.jpg'
	}
	if (descripcioActual==1)
	{
		document.getElementById('bot1').src = 'img/viralServiciosOff.jpg'
		document.getElementById('bot2').src = 'img/streetServiciosOn.jpg'
	}

    document.getElementById("contenidoServicios").innerHTML = descripció[descripcioActual]
}