var ratoliX=0;
var ratoliY=0;
var ie=false;

$(document).ready( function () {
							 
	//Control del mouse, para varias cosas
	$(document).mousemove(function(e){
		ratoliX=e.pageX;
		ratoliY=e.pageY;
	});
	
	//El peu sempre sota
	function arregla_peu() {
		if ( jQuery(window).height()<670) {
			jQuery('div.maq_peu').addClass('peu_relatiu');
		} else {
			jQuery('div.maq_peu').removeClass('peu_relatiu');
		}
	}
	arregla_peu();	
	
	jQuery(window).resize(function() {
		arregla_peu();
	});
	
	//Desplegable guai
	if ($('div.pag_interior').length != 1) {
		//obre_scroll_TO = setTimeout('obre_scroll()',3000);
		$('div.desplegable span').click (function () {
			clearTimeout(obre_scroll_TO);																				 
			if (parseInt($('div.desplegable div.scroll').css('marginLeft'),10)==0) {
				$('div.desplegable div.scroll').css('marginLeft',-1000);
				jQuery('div.desplegable span').removeClass('obert');
			} else {
				$('div.desplegable div.scroll').css('marginLeft',0);
				$('div.desplegable div.scroll ul').css('marginTop',0);
				jQuery('div.desplegable span').addClass('obert');
			}
		});
		

	}
	$('div.desplegable div.scroll').mouseover(function () {
		X_dinsDesplegable=true;
	});
	$('div.desplegable div.scroll').mouseout(function () {
		X_dinsDesplegable=false;
	});

	//Passi fotos
	if ($('div.pase_fotos span').length>0) {
		$('div.pase_fotos span:first')
			.addClass('vist')
			.css('zIndex',1);
		setTimeout('salta_fons()',3000);	
	}
});

//////////////////////////////////////////////// Scroll pase fotos ///////////////////////////////////////
var X_escoltaScroll_TO;
var X_ampleScroll=-15;
var X_ampleVisible=0;
var X_iniciFranja;
var X_fiFranja;
var X_posScroll=0;
var X_dinsFinestra=true;
var X_dinsDesplegable=false;

$(document).ready( function () {
	if ($('div.scroll_productes').length == 1) {
		var fotos=jQuery('div.scroll_productes div');
		for (var x=1; x<fotos.length; x++) {
			X_ampleScroll=X_ampleScroll+$(fotos[x]).width()+15;
		}
		
		if (X_ampleScroll > $('div.scroll_mascara').width()) {
		
			$('div.scroll_productes').css('width',X_ampleScroll+100);
		
			X_iniciFranja = $('div.scroll_mascara').offset().top;
			X_fiFranja = X_iniciFranja + 520;
		
			function tamany_finestra() {
				X_ampleVisible=$('div.scroll_mascara').width();
			}
			tamany_finestra();	
			
			jQuery(window).resize(function() {
				tamany_finestra();
			});
			
			jQuery(document).mouseout(function() {
				X_dinsFinestra=false;
			});
			jQuery(document).mouseover(function() {
				X_dinsFinestra=true;
			});
		
			
			X_escoltaScroll();
		} else {
			$('div.scroll_productes').css({textAlign:'center', width:'100%'});
			$('div.scroll_productes div').css({float:'none', display:'inline-block'});
			$('div#mouse_custom').css({display:'none'});
		}
	}
});


function X_escoltaScroll() {
	if (ratoliY > X_iniciFranja && ratoliY < X_fiFranja && X_dinsFinestra && !X_dinsDesplegable) {
		//Dins de la franja	
		if (ratoliX<300) {
			//esquerre
			modul = ratoliX/30;
			modul = (10-modul) * 6;
			X_posScroll = X_posScroll + modul;
			if (X_posScroll>0) X_posScroll=0;

			$('#mouse_custom').css({backgroundPosition:'0 0', display:'block'});
			$('div.scroll_mascara').css('cursor', 'url(img/blank2.png), none')
		} else if (X_ampleVisible - ratoliX <300) {
			//dreta
			modul = (X_ampleVisible - ratoliX) / 30;
			modul = (10-modul) * 6;
			X_posScroll = X_posScroll - modul;
			if (X_ampleScroll+X_posScroll<X_ampleVisible) X_posScroll=X_ampleVisible-X_ampleScroll;

			$('#mouse_custom').css({backgroundPosition:'-48px 0', display:'block'});
			$('div.scroll_mascara').css('cursor', 'url(img/blank2.png), none')
		} else {
			//centre
			$('#mouse_custom').css('display','none');
			$('div.scroll_mascara').css('cursor','default')
			
		}
		$('div.scroll_productes').css('marginLeft',X_posScroll);

		var posYcontrolada=ratoliX-24;
		if (posYcontrolada+48>X_ampleVisible) posYcontrolada=X_ampleVisible-48;
		if (posYcontrolada < 0) posYcontrolada=0;
		$('#mouse_custom').css({left: posYcontrolada, top: (ratoliY-24-X_iniciFranja)});

	} else {
		$('#mouse_custom').css({display:'none'});
		//Fora de la franja
	}
	X_escoltaScroll_TO=setTimeout('X_escoltaScroll()',50);
}
////////////////////////////////////////////// Fin Scroll pase fotos /////////////////////////////////////

////////////////////////////////////////////// Scroll desplegable guai /////////////////////////////////////
var altScroll=-15;
var altVisible=0;
var escoltaScrollVertical_TO;
var obre_scroll_TO;

function obre_scroll () {
	$('div.scroll').css('marginLeft','-1000px');
}
$(document).ready( function () {
	altVisible=$('div.desplegable div.scroll').height();
	altScroll=$('div.desplegable div.scroll ul').height();
	escoltaScrollVertical ();
	jQuery('div.desplegable span').addClass('obert');
});

function escoltaScrollVertical () {
	//alert(ampleVisible + " - " + ampleScroll);
	//alert(altScroll + " " + altVisible);
	
	if (altScroll > altVisible && X_dinsDesplegable) {
		var relatiuY = ratoliY - $('div.desplegable').offset().top;
		//alert(relatiuY);
		var modul=0;
		var pos = parseInt($('div.desplegable ul').css('marginTop'),10);
		if (relatiuY<100) {
			//esquerre
			modul = relatiuY/30;
			modul = (10-modul) * 6;
			pos = pos + modul;
			if (pos>0) pos=0;

			$('div.mouse_custom').css('backgroundPosition','0 0');
		} else if (altVisible-relatiuY<100) {
			//dreta
			modul = (altVisible-relatiuY) / 30;
			modul = -1 * (10-modul) * 6;
			pos = pos + modul;
			if (altScroll+pos<altVisible) pos=altVisible-altScroll;

		} else {
			//Ni dreta ni esquerra
		}
		
		$('div.desplegable ul').css('marginTop',pos);
	}
	escoltaScrollVertical_TO=setTimeout('escoltaScrollVertical()',50);
}
//Passi fotos
function salta_fons() {
	fotos=$('div.pase_fotos span');
	var vist=0;
	var seguent=0;
	for (var x=0; x<fotos.length; x++) {
		if ($(fotos[x]).hasClass('vist')) vist=x;
		$(fotos[x]).removeClass('vist');
	}
	var seguent=vist+1;
	if (seguent > fotos.length-1) seguent=0;
	$('div.pase_fotos span')
		.removeClass('vist')
		.css({zIndex:-1, opacity:1});
	
	$(fotos[vist]).css('zIndex',1);
	$(fotos[seguent])
		.css('zIndex',0)
		.addClass('vist');

	$('div.pase_fotos span').show();

	$(fotos[vist]).fadeOut('slow');
	
	setTimeout('salta_fons()',3000);
	
}