sectionactive=0;//indica a quina seccio comença la página
initsection=0;//indica a quina seccio comença la página

/*global variables */
img_width=210;
img_height=278;
tee_margin=20;
tee_width=230;
total_tee_height=210;//alcada + reflexe de les tees
xMousePosMax = 0; // Width of the page
yMousePosMax = 0; // Height of the page

reflectionheight='33';
folder='';//indica la carpeta de les imatges

screensize=0;//determina el tamany de la pantalla

slidevalue=0;
positioncenter=0;
positionleft=0;
positionright=0;

totalworks=0;

scrolling=0;
first_time=0;

lang = '';
browser="";

currheight=0;//indica la alçada anterior a la hora de fer un onResize	
initresize=0;//indica si el ie ja ha fet el resize al onload



/***********************************************/
//trim
/***********************************************/
String.prototype.trim = function()
{ 
   var string = this;
   
   //Remove leading spaces
   while(string.charAt(0) == " ")
      string = string.substring(1, string.length);

   //Remove trailing spaces
   while(string.charAt(string.length-1) == " ")
      string = string.substring(string, string.length-1);

   return string;
}



/***********************************************/
//Adapta les imatges al nou tamany de la pantalla
/***********************************************/
function changeSizes(){

	var f = $$('.items');
	var s = '';
	for(var i=0; i<f.length; i++){
		f[i].style.width=tee_width+'px';
	}
	
	
	
	var f = $$('.topitems');
	var s = '';
	for(var i=0; i<f.length; i++){
		f[i].style.height=total_tee_height+'px';
	}
	
	
	/*removeReflections();
	
	var f = $$('.reflected');
	var s = '';
	for(var i=0; i<f.length; i++){
		f[i].width=img_width;
		f[i].height=img_height;
		f[i].addClassName('reflect');
		f[i].addClassName('rheight'+reflectionheight);
		f[i].removeClassName('reflected');
	}
	*/
	//addReflections();
	
}




/***********************************************/
//MOOOOOOOOVEEEEEEE
/***********************************************/

function change_ids_right(){
		
		//puc canviar els ids o fer-ho rollo array circular, on el div mes llunya el coloco de nou
		//coloco la capa de mes a l'esquerra a la dreta de tot
		//hauria de carregar a demés les noves samarretes.

		//si la capa esquerra no esta visible a pantalla la coloco a la dreta
		if(positionleft<(-divworksmaxwidth)){
				
			var posleft=parseInt($('divworksright').getStyle('left'))+divworksmaxwidth;
			$('divworksleft').style.left = posleft+'px';
		}
		if(positioncenter<(-divworksmaxwidth)){
			
			var poscenter=parseInt($('divworksleft').getStyle('left'))+divworksmaxwidth;
			$('divworkscenter').style.left = poscenter+'px';
		}
		if(positionright<(-divworksmaxwidth)){
			
			var posright=parseInt($('divworkscenter').getStyle('left'))+divworksmaxwidth;
			$('divworksright').style.left = posright+'px';
		}

			//alert($('divworksleft').getStyle('left'));
			//actualitzo el valor de les posicions
			positioncenter=parseInt($('divworkscenter').getStyle('left'));
			positionright=parseInt($('divworksright').getStyle('left'));
			positionleft=parseInt($('divworksleft').getStyle('left'));
			
}
	
	
	
/***********************************************/
//canvia els ids
/***********************************************/
function change_ids_left(){
	
		//puc canviar els ids o fer-ho rollo array circular, on el div mes llunya el coloco de nou
		//coloco la capa de mes a l'esquerra a la dreta de tot
		//hauria de carregar a demés les noves samarretes.

		//si la capa dreta no esta visible a pantalla la coloco a la esquerra
		if(positionleft>(divworksmaxwidth)){
			
			
			var posleft=parseInt($('divworksright').getStyle('left'))-divworksmaxwidth;
			$('divworksleft').style.left = posleft+'px';
		}
		if(positioncenter>(divworksmaxwidth)){
			
			var poscenter=parseInt($('divworksleft').getStyle('left'))-divworksmaxwidth;
			$('divworkscenter').style.left = poscenter+'px';
		}
		if(positionright>(divworksmaxwidth)){
			
			var posright=parseInt($('divworkscenter').getStyle('left'))-divworksmaxwidth;
			$('divworksright').style.left = posright+'px';
		}

			//alert($('divworksleft').getStyle('left'));
			//actualitzo el valor de les posicions
			positioncenter=parseInt($('divworkscenter').getStyle('left'));
			positionright=parseInt($('divworksright').getStyle('left'));
			positionleft=parseInt($('divworksleft').getStyle('left'));
			
			//alert(positionright);

	//$("p").text("divworksright(left): "+parseInt($('#divworksright').css("left"))+" -divworksmaxwidth "+(-divworksmaxwidth));
	//$("p").text("positioncenter(g): "+positioncenter+" positionright(b): "+positionright+" positionleft(r): "+positionleft);
	//$("p").text("positioncenter(g): "+positioncenter+" positionright(b): "+positionright+" positionleft(r): "+positionleft+" slidevalue: "+slidevalue);
}

/***********************************************/
//fa el moviment
/***********************************************/
function slidediv(direction){	

		positioncenter=parseInt($('divworkscenter').getStyle('left'));
		positionright=parseInt($('divworksright').getStyle('left'));
		positionleft=parseInt($('divworksleft').getStyle('left'));


		var prod_center_left=positioncenter;
		var prod_left_left=positionleft;
		var prod_right_left=positionright;	
	//la capa es mou a la dreta
	if(direction==0){
		
		
		positionleft+=slidevalue;
		positioncenter+=slidevalue;
		positionright+=slidevalue;
		
		new Effect.MoveBy( 'divworkscenter', 0, slidevalue , {duration: 0.8});
		new Effect.MoveBy( 'divworksleft', 0, slidevalue , {duration: 0.8});
		new Effect.MoveBy( 'divworksright', 0, slidevalue , {duration: 0.8,afterFinish: change_ids_left});
		
		
	}
	if(direction==1){
		
		
		positionleft-=slidevalue;
		positioncenter-=slidevalue;
		positionright-=slidevalue;

		
		new Effect.MoveBy('divworkscenter', 0, -slidevalue , {duration: 0.8});
		new Effect.MoveBy('divworksleft', 0, -slidevalue , {duration: 0.8});
		new Effect.MoveBy('divworksright', 0, -slidevalue , {duration: 0.8,afterFinish: change_ids_right});	
		
	}
}

	
/***********************************************/
//Retorna l'idioma del navegador
/***********************************************/
function getLanguage() {

	language='';
	
	if (typeof(navigator.language) == "string") {
		language = navigator.language;
	} 
	else if (typeof(navigator.userLanguage) == "string") {
		language = navigator.userLanguage;
	}
	if (language){language=language.substring(0,2)} 
	
	if((language=='es')||(language=='ca')||(language=='eu')||(language=='gl')){
			return('esp');
	}
	else{
			return('eng');
	}
  
}

/***********************************************/
//Calcula les dimensions del navegador
/***********************************************/
function getSizes() {
  //var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    xMousePosMax = window.innerWidth;
    yMousePosMax = window.innerHeight;
	browser="moz";//o safari
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    xMousePosMax = document.documentElement.clientWidth;
    yMousePosMax = document.documentElement.clientHeight;
	browser="ie";
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    xMousePosMax = document.body.clientWidth;
    yMousePosMax = document.body.clientHeight;
	
  }
  
  total_tee_height=Math.floor((img_height)+0.33*(img_height));

	
  if(yMousePosMax<600){screensize=1;}
  if((yMousePosMax>=600)&&(yMousePosMax<700)){screensize=2;}
  if((yMousePosMax>=700)&&(yMousePosMax<1024)){screensize=3;}
  if(yMousePosMax>=1024){screensize=4;}
  

	folder="works";
	reflectionheight='33';
	

  if(screensize<=2){
 	 	reflectionheight='10';//reflectionheight='10';ie ha de ser 10 per veures be
	  	img_height=193;
		img_width=146;
		percent_height=0.1;
		tee_margin=10;
		total_tee_height=Math.floor((img_height)+percent_height*(img_height));
		
		if($('divworks')){
		
			var results = $$('.workimg');
	    		results.each(function(elem){
	       		$(elem).setStyle({width: img_width+'px', height: img_height+'px'});
	     	});
	     	results = $$('.reflect');
	    		results.each(function(elem){
	       		$(elem).setStyle({width: img_width+'px', height: img_height+'px'});
	     	});
	     	results = $$('.items');
	    		results.each(function(elem){
	       		$(elem).setStyle({width: (img_width+tee_margin)+'px'});
	     	});
	     	results = $$('.topitems');
	    		results.each(function(elem){
	       		$(elem).setStyle({height: '230px'});
	     	});
     	}
  }else{
  		//valors inicials per pantalles grans
  	
  		img_width=210;
		img_height=278;
		tee_margin=20;
		tee_width=230;

		total_tee_height=Math.floor((img_height)+0.33*(img_height));
	
  }
  	
  	tee_width=img_width+tee_margin;
	margintop=Math.floor(tee_margin/2);
  

}

/***********************************************/
//Mostra els elements un cop posicionats i carregada la pagina
/***********************************************/	
function show_elements(){
	
	if($('divloading'))$('divloading').style.display = 'none';
	
	if($('divmenu'))$('divmenu').style.display = 'inline';
	
	if($('divlogo'))$('divlogo').style.display = 'inline';
	if($('divlang'))$('divlang').style.display = 'inline';
	if($('divmenulogged'))$('divmenulogged').style.display = 'inline';
	
	//si les tees no caben a la pantalla
	if(scrolling==1){
		if($('divnavigation'))$('divnavigation').style.display = 'inline';
	
	}
		
}

/***********************************************/
//Posiciona els elements a la pantalla
/***********************************************/	
function position_elements(){
		
		if($('divnavigation')){
			var navigationleft=parseInt((xMousePosMax/2)-parseInt($('divnavigation').getStyle('width'))/2);
			var navigationtop=0;
			var postop=(Math.floor(yMousePosMax*0.3));
			var postopmenu=postop+30;
		
			navigationtop_init=parseInt($('divworkscenter').getStyle('top'));//228
			navigationtop_tmp=parseInt(yMousePosMax-(navigationtop_init+total_tee_height));
			navigationtop_tmp=navigationtop_tmp/2.6;
			navigationtop=navigationtop_init+total_tee_height+navigationtop_tmp;
			
			$('divnavigation').setStyle({top: navigationtop+'px', left: navigationleft+'px'});
		}
		
		if($('divlogo'))$('divlogo').setStyle({top: '0px', left: '0px'});
		if($('divlang'))$('divlang').setStyle({top: '0px', left: (xMousePosMax-80)+'px'});
	
		//coloco el menu principal
		if($('divmenu'))$('divmenu').setStyle({top: (postopmenu-100)+'px', left: '10px'});
		
		
		if($('divmenulogged'))$('divmenulogged').setStyle({top: (yMousePosMax-40)+'px', left: '10px'});
		
		
}

/***********************************************/
//Posiciona les samarretes a la pagina
/***********************************************/	
function position_works(){
	
		
	if($('divworks')){
		
		$('divworksright').innerHTML = $('divworkscenter').innerHTML;
		$('divworksleft').innerHTML = $('divworkscenter').innerHTML;
		
		
		//valor a desplaçar les samarretes
		tee_width=img_width+tee_margin;
		
		//calculo num tees q caben a la pantalla
		numtees=Math.floor(xMousePosMax/tee_width);
		resto=numtees%tee_width;
		if(resto!=0)numtees+=1;
		
			divworksrealwidth=totalworks*tee_width;
			divworksmaxwidth=totalworks*tee_width;
			
		//les tees no caben a la pantalla
		if(totalworks>=numtees){
			
				totalwidth=divworksmaxwidth;
			
				scrolling=1;
				//calculo el valor q desplaçare les tees, 210 es l'ample de l'ultima samarreta
				slidevalue=Math.floor(xMousePosMax-img_width);
				positioncenter=0;
				positionright=totalwidth;
				positionleft=-totalwidth;
				
				$('divworkscenter').style.position='absolute';
				$('divworksleft').style.position='absolute';
				$('divworksright').style.position='absolute';
				
				$('divworksleft').style.top=(Math.floor(yMousePosMax*0.3))+'px';
				$('divworkscenter').style.top=(Math.floor(yMousePosMax*0.3))+'px';
				$('divworksright').style.top=(Math.floor(yMousePosMax*0.3))+'px';
		
				$('divworkscenter').style.left = '0px';
				$('divworkscenter').style.width = totalwidth+'px';
				
				$('divworksleft').style.left = (-totalwidth)+'px';
				$('divworksleft').style.width = totalwidth+'px';
				
				//$('divworksright').style.top = (Math.floor(yMousePosMax*0.6))+'px';
				$('divworksright').style.left = totalwidth+'px';
				$('divworksright').style.width = totalwidth+'px';		
				
				$('divworksright').style.display = 'inline';
				$('divworksleft').style.display = 'inline';
			
	
		}
		else{
				scrolling=0;
				
				valuey=Math.floor(yMousePosMax*0.3);
				
				
				$('divworkscenter').style.position='absolute';
				$('divworkscenter').style.top=valuey+'px';
				
				$('divworkscenter').style.left = (Math.floor(xMousePosMax/2)-Math.floor(divworksrealwidth/2))+'px';
				$('divworkscenter').style.width = divworksrealwidth+'px';
				
				
				$('divworksright').style.display = 'none';
				$('divworksleft').style.display = 'none';
				
		}
		
		
		/*if(first_time==0){
			first_time=1;
			init();
		}	*/
		
			if(scrolling==1){
				$('divnavigation').style.display = 'inline';
	
			}else{
				$('divnavigation').style.display = 'none';
			}
	}else{
	
		position_elements();
		show_elements();
	}
	
}

/***********************************************/
//Crida a les funcions necessaries al iniciar la web
/***********************************************/	
function init(){		
		
		position=0;
		direction=0;

		//posiciono els productes a la pantalla
		position_works();

		//posiciono els elements a la pantalla
		position_elements();
		
		//mostro els elements
		show_elements();
		
		Event.observe(document.onresize ? document : window, "resize", function() {
		
			if(currheight != document.documentElement.clientHeight)
			{
				if((browser=="ie")&&(initresize==0)){
					initresize=1;
				}else{
					
					getSizes();
					changeSizes();
					position_works();
					position_elements();

				}
			}
			currheight = document.documentElement.clientHeight;
	
		});
		
		window.onorientationchange = function(){
	    	//var orientation = window.orientation;
	   	 	location.reload(true);

		}


}



/***********************************************/
//fico invisibles les capes entre les carrego
/***********************************************/	
function hideall(){
	
	//crido a la funcio q retorna tamany pantalla
	getSizes();
	
	if($('divloading'))$('divloading').style.display = 'inline';
	
	if($('divmenulogged'))$('divmenulogged').style.display = 'none';
	if($('divmenu'))$('divmenu').style.display = 'none';
	if($('divnavigation'))$('divnavigation').style.display = 'none';

	if($('divlogo'))$('divlogo').style.display = 'none';
	if($('divlang'))$('divlang').style.display = 'none';
		
	//crido els productes a la bbdd
	//!!ajaxgetworks(initsection,loadworks); 
	
	//position_works();
	init();
	
	

}

/***********************************************/
//Quan esta la pagina carregada crido init
/***********************************************/
Event.onDOMReady(function() { hideall(); });