$(document).ready(function() {  
	
	// Afegeix els controls CSS (desactivat, mida font) només si està el CSS habilitat
	$("#BarraSuperior").append("<div id=\"ControlsCSS\" />");
		
	$("#ControlsCSS").append("<p>Mida de la lletra</p>");
	$("#ControlsCSS").append("<ul />");
	$("#ControlsCSS > ul").append("	<li>&nbsp;<a href=\"#\" id=\"canviaFont_Mes\" title=\"Augmenta la mida del text\"><strong>A</strong><img src=\"/img/mida_text_mes.gif\" alt=\"\" class=\"img_A\" /></a></li>");
	$("#ControlsCSS > ul").append("	<li>&nbsp;<a href=\"#\" id=\"canviaFont_Menys\" title=\"Redueix la mida del text\"><strong>A</strong><img src=\"/img/mida_text_menys.gif\" alt=\"\" class=\"img_A\" /></a></li>");
	$("#ControlsCSS > ul").append("	<li>&nbsp;<a href=\"#\" id=\"canviaFont_Restaura\" title=\"Restaura la mida del text\"><strong>A</strong><img src=\"/img/mida_text_igual.gif\" alt=\"\" class=\"img_A\" /></a></li>");

	if (hasCSS()) {	
		if (!css_desconectat)
			$("#ControlsCSS").append("	<p><a href=\"" + url_actual + "?css=no\">Desconexió CSS</a></p>");
		else
			$("#ControlsCSS").append("	<p><a href=\"" + url_actual + "?css=si\">Activació CSS</a></p>");
	}
	
	// Elimina el border-rigth del últim element dels enllaços ràpids de capçalera
	$("#LinksPeu li:last-child").addClass("NoBarra");
	
	// Afegeix l'estil "sel" a l'ultim enllaç del Fil d'Ariadna
	$("#Fil .cont a:last").addClass("sel");
	
	// Estableix l'acció d'imprimir per l'enllaç amb id="btn_imprimir"
	$("#btn_imprimir").click(
		function(e) { 
			self.print();
		}
	);
	
	// Estableix l'acció de canvi de mida de font per l'enllaç amb id="canviaFont"
	$("#canviaFont_Mes").bind("click", function(e){
		canviaFont(1);
	});
	$("#canviaFont_Mes").bind("keydown", function(e){
		if (e.keyCode==32 || e.keyCode==13) // Només intro o barra espaiadora
			canviaFont(1);
	});
	// Estableix l'acció de canvi de mida de font per l'enllaç amb id="canviaFont"
	$("#canviaFont_Menys").bind("click", function(e){
		canviaFont(-1);
	});
	$("#canviaFont_Menys").bind("keydown", function(e){
		if (e.keyCode==32 || e.keyCode==13) // Només intro o barra espaiadora
			canviaFont(-1);
	});
	// Estableix l'acció de canvi de mida de font per l'enllaç amb id="canviaFont"
	$("#canviaFont_Restaura").bind("click", function(e){
			canviaFont(0);
	});
	$("#canviaFont_Restaura").bind("keydown", function(e){
		if (e.keyCode==32 || e.keyCode==13) // Només intro o barra espaiadora
			canviaFont(0);
	});
	
	// Tots els tags <a> amb el target="_finestra*" 
	$("a[target^='_finestra']").each(
		function(){
			// Obté el href
			var link = $(this).attr("href");
			
			// Assigna href="#" per deshabilitar el link
			$(this).attr("href","#");
			
			// Li assigna l'event onClick per obrir una finestra apuntant al href original
			// Estableix l'acció de canvi de mida de font per l'enllaç amb id="canviaFont"
			$(this).bind("click keydown", function(e){
				DoModal(link, 660, 495);
				return false;
			});
		}
	);
	
	// Afegeix el botó de play ens les imatges dels vídeos
	$("div.Video a").each(
		function(){
			$(this).append("<img src='/img/fons_play.png' class='fons_video' alt='' />");
		}
	);
	
	
	// Estableix el rollover sobre imatges
	$(".swapImg").hover(
      function () {
			CanviSrcImg(this);
      }, 
      function () {
        CanviSrcImg(this);
      }
    );
	
	// Estableix un text d'exemple extret de les label als inputs de Login i la cerca
	$("#name_login").clearingInput();
	$("#password_login").clearingInput();
	$("#paraula_v").clearingInput();
	
	
});

function CanviSrcImg(elem) {
	var classes = $(elem).attr("class").split(" ");
	if (classes.length>0) {
		var src_aux;
		if ($(elem).find("img").get(0)) {
			src_aux = $(elem).find("img").get(0).src;
			$(elem).find("img").get(0).src = classes[1];
			$(elem).removeClass(classes[1]);
			$(elem).addClass(src_aux);
		}
	}
}

var midafont = 0.8;
function canviaFont(accio) {
	aux = midafont;
	if (accio==1)
		aux = aux + 0.25;
	else if (accio==-1)
		aux = aux - 0.25;
	else if (accio==0)
		aux = 0.8;
	
	if (aux>0.5 && aux<=1.6) {
		midafont = aux;
		document.body.style.fontSize = midafont + 'em';
	}
} 

// Codi pel Google Analytics
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7241295-2']);
_gaq.push(['_setDomainName', '.manlleu.cat']);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//Fi Codi pel Google Analytics

function reloadImage() {
	//Set the BaseURL to the URL of your camera
	//var BaseURL = "http://213.148.193.254/";
	var BaseURL = "http://91.223.143.254/";

	
	// This is the path to the image generating file inside the camera itself
	var File = "axis-cgi/jpg/image.cgi?resolution=QCIF&amp;text=0";
	
		
	theDate = new Date();
	var url = BaseURL;
	url += File;
	url += '&amp;dummy=' + theDate.getTime().toString(10);
	// The dummy above enforces a bypass of the browser image cache
	// Here we load the image
	document.theImage.src = url;
}

function mostraWebcam() {
	
	$('#webcam').html('<img name="theImage" src="" alt="Imatge en directe" style="width: 135px; height: 108px;"/>');
	// Force an immediate image load
	var theTimer = setTimeout('reloadImage()', 1);
	
	// Reload the image every ten seconds (10000 ms)
	theTimer = setTimeout('reloadImage()', 2000);
}