$(document).ready(function() {  
	$("body").append("<div id='CalendariDiv'></div>");
	
	// Elimina el border-bottom de l'últim element del segon nivell del Menu
	//$(".Menu1 li:last-child").addClass("Ultim");
	
	
	$(".fons_portlet_portada").each(function() {
		$(this).html("<div class='intern'>" + $(this).html() + "</div>");
	});
	
	
	$(".fons_portlet_portada").backgroundCanvas();
	$(".MenuRound").backgroundCanvas();
	
	
	// 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").bind("click keydown", function(e){
			canviaFont();
		}
	);
	
	// Estableix el rollover sobre imatges
	$(".swapImg").hover(
      function () {
			CanviSrcImg(this);
      }, 
      function () {
        CanviSrcImg(this);
      }
    );
	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);
			}
		}
	}
	
	// Estableix un text d'exemple extret de les label als inputs de Login i la cerca
	$("#name_login").clearingInput();
	$("#password_login").clearingInput();
	$("#search").clearingInput();
});

// Draw the background  on load and resize
$(window).load(function () { 
	DrawBackground(); 
});
$(window).resize(function() {
	DrawBackground(); 
});


var midafont = 0.7;
function canviaFont() {
	midafont = midafont + 0.25;
	
	if (midafont>1.2)
		midafont = 0.7;
	
	if (midafont > 0)
		document.body.style.fontSize = midafont + 'em';
} 


function DrawBackground() {
	$(".fons_portlet_portada").backgroundCanvasPaint(BackgroundPaintPortlet);
	$(".MenuRound").backgroundCanvasPaint(BackgroundPaintMenu);
}

function BackgroundPaintPortlet(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) {
		var options = {x:0, height: height, width: width, radius: 8,  border: 0 };
		var backgroundGradient = context.createLinearGradient(0, 0, 0, height - 2);
		backgroundGradient.addColorStop(0 ,'#efefef');
		backgroundGradient.addColorStop(1, '#ffffff');
		context.fillStyle = "#dddddd";
		
		// Draw the blue border rectangle 
		$.canvasPaint.roundedRect(context,options);
		
		// Draw the gradient filled inner rectangle
		options.border = 1;
		context.fillStyle = backgroundGradient; 
		$.canvasPaint.roundedRect(context,options);
}

function BackgroundPaintMenu(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) {
		var options = {x:0, height: height, width: width, radius: 8,  border: 0 };
		
		var backgroundGradient = context.createLinearGradient(0, height - 30, 0, height - 2);
		backgroundGradient.addColorStop(0 ,'#cec8ba');
		backgroundGradient.addColorStop(1, '#b0ab9b');
		context.fillStyle = "#cec8ba";
		
		// Draw the blue border rectangle 
		$.canvasPaint.roundedRect(context,options);
		
		// Draw the gradient filled inner rectangle
		options.border = 0;
		context.fillStyle = backgroundGradient; 
		$.canvasPaint.roundedRect(context,options);
}