function open_flash(imatge){
	flash_contingut =
				'<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="/common/jscripts/viewer/viewer" align="middle">' +
					'<param name="movie" value="/common/jscripts/viewer/viewer.swf" />' +
					'<param name="quality" value="high" />' +
					'<param name="scale" value="noscale" />' +
					'<param name="play" value="true" />' +
					'<param name="loop" value="true" />' +
					'<param name="wmode" value="transparent" />' +
					'<param name="scale" value="showall" />' +
					'<param name="allowScriptAccess" value="sameDomain" />' +
					'<param name="FlashVars" value="imatge=' + imatge + '&captionBgColor=0xcbab34&thumbBgColor=0x424242&thumbBgAlpha=0.8&thumbSelectedWidth=5&thumbSelectedColor=0xffffff&thumbPaddingVertical=10&thumbScale=10&captionBgPadding=0&frameColor=0xffffff&frameWidth=10&borderColor=0xcccccc&borderWidth=0&showControls=1&showThumb=0&showCaptions=0&showImageNumbers=0&closeOnClick=1&controlsScale=70&controlsColor=0xcccccc&dataUrl=' + images_xml + '" />' +
				'<!--[if !IE]>-->' +
				'<object type="application/x-shockwave-flash" data="/common/jscripts/viewer/viewer.swf" width="100%" height="100%">' +
					'<param name="movie" value="/common/jscripts/viewer/viewer.swf" />' +
					'<param name="quality" value="high" />' +
					'<param name="scale" value="noscale" />' +
					'<param name="play" value="true" />' +
					'<param name="loop" value="true" />' +
					'<param name="wmode" value="transparent" />' +
					'<param name="allowScriptAccess" value="sameDomain" />' +
					'<param name="FlashVars" value="imatge=' + imatge + '&captionBgColor=0xcbab34&thumbBgColor=0x424242&thumbBgAlpha=0.8&thumbSelectedWidth=5&thumbSelectedColor=0xffffff&thumbPaddingVertical=10&thumbScale=10&captionBgPadding=0&frameColor=0xffffff&frameWidth=10&borderColor=0xcccccc&borderWidth=0&showControls=1&showThumb=0&showCaptions=0&showImageNumbers=0&closeOnClick=1&controlsScale=70&controlsColor=0xcccccc&dataUrl=' + images_xml + '" />' +
				'<!--<![endif]-->' +
					'<a href="http://www.adobe.com/go/getflash">' +
						'<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />' +
					'</a>' +
				'<!--[if !IE]>-->' +
				'</object>' +
				'<!--<![endif]-->' +
			'</object>';

	nFadeIn=500;
	$.blockUI.defaults.fadeOut = 200;
	
	$.blockUI({ 
		message: '<div id="flash_contingut" style="width: 100%;height: 100%;"></div>',
		fadeIn: nFadeIn,
		css: {  
			top:  '0', 
			left: '0',
			padding: '0',
			margin: '0',
			width:'100%',
			height:'100%',
			border:	'none',
			backgroundColor:'transparent',
            fadeIn: 0,
            fadeOut: 700
		},
		overlayCSS:  { 
				backgroundColor: '#000', 
				opacity:         0.6
			}

	}); 
	$('#flash_contingut').html(flash_contingut);
}
function view_video(){
		
	nW = $('#videoframe').width() + 22;
	nH = $('#videoframe').height() + 22;	
	
	sContent = '<div class="modalBox"><div class="modalCloseImg"><a class="modalCloseImg" title="'+MODALBOX_CLOSE+'" onclick="hidePopWin(false);">'+MODALBOX_CLOSE+'</a></div>' + $('#videoframe').html() + '</div>';
	
	nFadeIn=500;
	$.blockUI.defaults.fadeOut = 200;
	
	$.blockUI({
		message: sContent,
		fadeIn: nFadeIn,
		css: {
			top:  ($(window).height() - nH) /2 + 'px',
			left: ($(window).width() - nW) /2 + 'px',
			padding: '0',
			margin: '0',
			width:nW + 'px',
			height:nH + 'px',
			border:	'none',
			backgroundColor:"#fff"
		},
		overlayCSS:  {
				backgroundColor: '#000',
				opacity:         0.6,
				cursor: 'default'
			}

	});
	
}

function close_viewer(){		
	$('div.blockMsg').hide()
	$.unblockUI();
}

$(document).ready(function(){								
				//Caption Sliding (Partially Hidden to Visible)
				$('.boxgrid.caption').hover(function(){
					$(".cover", this).stop().animate({top:'56px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'110px'},{queue:false,duration:160});
				});
				if ($.cookie('capa_actual') && $.cookie('capa_actual')!='box1') show($.cookie('capa_actual'));
			});
var capa_anterior = '#box1'; 
function show(capa){
	$.cookie('capa_actual',capa);
	capa_seguent ='#'+capa;	
	// si faig un click a la mateixa capa
	if (capa_anterior == capa_seguent) {
		$(capa_anterior).slideUp(); 
		capa_anterior = '';
		return;
	}	
	if (capa_seguent!=capa_anterior)
	{	
		if (capa_anterior) $(capa_anterior).slideUp(); // amago anterior
		$(capa_seguent).slideDown();
	}		
	capa_anterior = capa_seguent;
}