$(document).ready(function(){
	$(".box BIG SPAN").click(function(){

		var capa = $(this).parent().next();//this.parentNode.nextSibling;
		
		
		$(capa).slideToggle();

		var deshabilitada = $(capa).hasClass("disabled");

		$(capa).parent().toggleClass("disabled");
	
	});
});


UtilEIC = function() {
		// private functions
		function generaBoxMissatgeInfo(/* String */ idMsgBox, /* String */ titol, /* String */ missatge) {
			var html = '<div id="' + idMsgBox + '" class="roundcorner">'
							 + 		'<b class="roundcorner_top"><b class="roundcorner_1_blue"></b><b class="roundcorner_2_blue"></b><b class="roundcorner_3_blue"></b><b class="roundcorner_4_blue"></b></b>'
							 + 		'<div class="roundcorner_box_blue">'
							 + 			'<table width="100%" border="0" cellspacing="0" cellpadding="0">'
							 + 			'<tbody>'
							 + 				'<tr>'
							 + 					'<td style="vertical-align:middle; width:15%; text-align:center;">'
							 + 						'<img src="http://www.eic.cat/wps/themes/html/CoeicTheme/styles/imgs/info.gif">'
							 + 					'</td>'
							 + 					'<td style="vertical-align: inherit; text-align:left;">'
							 + 						'<span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bolder;"><p>' + titol + '</p></span>'
							 + 						'<span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;"><p>' + missatge + '</p></span>'
							 + 					'</td>'
							 + 				'</tr>'
							 + 			'</tbody>'
						   + 			'</table>'
						   + 		'</div>'
						   + 		'<b class="roundcorner_bottom"><b class="roundcorner_4_blue"></b><b class="roundcorner_3_blue"></b><b class="roundcorner_2_blue"></b><b class="roundcorner_1_blue"></b></b>'
						   + '<br></div>';

			return $(html);
		}
		
		function generaBoxMissatgeError(/* String */ idMsgBox, /* String */ titol, /* String */ missatge) {
			var html = '<div id="' + idMsgBox + '" class="roundcorner">'
							+ 		'<b class="roundcorner_top"><b class="roundcorner_1_red"></b><b class="roundcorner_2_red"></b><b class="roundcorner_3_red"></b><b class="roundcorner_4_red"></b></b>'
							+ 		'<div class="roundcorner_box_red">'
							+ 			'<table width="100%" border="0" cellspacing="0" cellpadding="0">'
							+ 			'<tbody>'
							+ 				'<tr>'
							+ 					'<td style="vertical-align:middle; width:15%; text-align:center;">'
							+ 						'<img src="http://www.eic.cat/wps/themes/html/CoeicTheme/styles/imgs/error.png">'
							+ 					'</td>'
							+ 					'<td style="vertical-align: inherit; text-align:left;">'
							+ 						'<span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bolder;"><p>' + titol + '</p></span>'
							+ 						'<span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;"><p>' + missatge + '</p></span>'
							+ 					'</td>'
							+ 				'</tr>'
							+ 			'</tbody>'
							+ 			'</table>'
							+ 		'</div>'
							+ 		'<b class="roundcorner_bottom"><b class="roundcorner_4_red"></b><b class="roundcorner_3_red"></b><b class="roundcorner_2_red"></b><b class="roundcorner_1_red"></b></b>'
							+ 	'<br></div>';

			return $(html);
		}
		
		function generaBoxMissatgeAlerta(/* String */ idMsgBox, /* String */ titol, /* String */ missatge) {
			var html = '<div id="' + idMsgBox + '" class="roundcorner">'
							+ 		'<b class="roundcorner_top"><b class="roundcorner_1_yellow"></b><b class="roundcorner_2_yellow"></b><b class="roundcorner_3_yellow"></b><b class="roundcorner_4_yellow"></b></b>'
							+ 		'<div class="roundcorner_box_yellow">'
							+ 			'<table width="100%" border="0" cellspacing="0" cellpadding="0">'
							+ 			'<tbody>'
							+ 				'<tr>'
							+ 					'<td style="vertical-align:middle; width:15%; text-align:center;">'
							+ 						'<img src="http://www.eic.cat/wps/themes/html/CoeicTheme/styles/imgs/warning.gif">'
							+ 					'</td>'
							+ 					'<td style="vertical-align: inherit; text-align:left;">'
							+ 						'<span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bolder;"><p>' + titol + '</p></span>'
							+ 						'<span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;"><p>' + missatge + '</p></span>'
							+ 					'</td>'
							+ 				'</tr>'
							+ 			'</tbody>'
							+ 			'</table>'
							+ 		'</div>'
							+ 		'<b class="roundcorner_bottom"><b class="roundcorner_4_yellow"></b><b class="roundcorner_3_yellow"></b><b class="roundcorner_2_yellow"></b><b class="roundcorner_1_yellow"></b></b>'
							+ 	'<br></div>';

			return $(html);
		}
		
		function decorarEnllazosExternsPlana() {
			$('#mainContent a:not(:has(img))').each(function() {
				var hrefVal = $(this).attr('href');

				if((hrefVal) && 
					 (!(hrefVal).match(/^mailto\:/)) && 
					 (!(hrefVal).match(/^\#/)) &&
					 (!(hrefVal).match(/^\.\//)) &&
					 (!(hrefVal).match(/^\//)) &&
					 (!(hrefVal).match(/^javascript/)) &&					
					 (hrefVal.indexOf('.eic.cat') == -1) &&
					 (hrefVal.indexOf('.ictonline.es') == -1) &&
					 (hrefVal.indexOf('.addthis.com') == -1) &&					
					 ($(this.hostname != location.hostname))) 
				{
					$(this).attr('target', '_blank');
					$(this).addClass('linkExtern');
				}
			});
		}
		
		function reescriuEnllazosAreaPrivada() {
			if(location.href.toLowerCase().indexOf('wps/myportal/') >= 0) {
				$('#mainContent a').each(function() {
					var hrefVal = $(this).attr('href');
					
					if(hrefVal && hrefVal.indexOf('wps/portal/') >= 0) $(this).attr('href', hrefVal.replace('wps/portal/', 'wps/myportal/'));  
				});
			}
		}
		
		function validaMenu() {
			$('ul.menuLateral ul').each(function() {
			  var elem = $(this);
				if(elem.children().length == 0) {
					elem.remove();
				}
			});
		}
		
		function carregaHtmlEnElement(/*String*/ url, /*String*/ elementDesti) {
			// recuperem html menu dret i mostrem amb efecte fadeIn
			$('#' + elementDesti)
      	.hide()
        .load(url, function() { 
        	$(this).fadeIn();
        });
                    
  		return false;
		}
		
		function carregarMenuDret(/*String*/ componentDesti, /*String*/ plana) {
			var urlMenuDret = window.location.protocol + '//' + window.location.host + '/wps/PA_GestionBanners/MenuDre?page=' + escape(plana);
			carregaHtmlEnElement(urlMenuDret, componentDesti);
		}
		
		function carregarMenuEsq(/*String*/ componentDesti, /*String*/ plana, /*String*/ usuari) {
			var urlMenuEsq = window.location.protocol + '//' + window.location.host + '/wps/PA_GestionBanners/BannerServ?page=' + escape(plana) + '&username=' + usuari;
			carregaHtmlEnElement(urlMenuEsq, componentDesti);
		}
		
		function carregarBannerSup(/*String*/ elementDesti, /*String*/ uid) {
			var urlBannerSup = window.location.protocol + '//' + window.location.host + '/wps/PA_GestionBanners/BannerSup?username=' + uid;
			carregaHtmlEnElement(urlBannerSup, elementDesti);
		}
	
	 // public functions
	  return {      
	      decorarEnllazosExternsPlana: decorarEnllazosExternsPlana,
				reescriuEnllazosAreaPrivada: reescriuEnllazosAreaPrivada,
				validaMenu: validaMenu,
				generaBoxMissatgeInfo: generaBoxMissatgeInfo,
				generaBoxMissatgeError: generaBoxMissatgeError,
				generaBoxMissatgeAlerta: generaBoxMissatgeAlerta,
				carregarMenuDret: carregarMenuDret,
				carregarMenuEsq: carregarMenuEsq,
				carregarBannerSup: carregarBannerSup
	  };
}();