var titols = new Array();
var classes = new Array();

$(document).ready ( function() {
	//menus desplegables del menu principal
	$('#menu-principal li.pare').hover(
		function(){
			$(this).addClass('hover');
		}, 
		function(){
			$(this).removeClass('hover');
		}
	);
	//pestanyes corporatives
	$('#pestanyes-corp .pestanya-contingut').each(function(i){
		titols.push($(this).find('h2').html());
		classes.push($(this).attr('id'));
	});
	var htmlMenu = crearMenuPestanyes();
	$('#pestanyes-corp').prepend(htmlMenu);
	$('#pestanya-llista li a').click(function(e){
		var classe = $(this).parent().attr('class');
		var index = classe.indexOf('actual');
		if (index == -1){
			mostrarPestanya(classe);
		}
	});
	mostrarPestanya('pestanya-mes-vist');
	//pestanyes - desplegables agenda
	var elemDesplegado = null;
	$('#pestanya-agenda li .desplegable').hide();
	$('#pestanya-agenda li h4').click(function(e){
		var actual = $(this).parent().find('.desplegable');
		actual.slideToggle(500);
		//if (elemDesplegado != null && elemDesplegado != actual) elemDesplegado.slideToggle(500);
		//elemDesplegado = actual;
		
	});
    
	var total_imatges = $('#bloc-imatges li').size();
    if (total_imatges > 1)
    {
        //llista imatges noticia-interior
	    $('#bloc-imatges li').each(function(i){
		    $('#bloc-imatges h2').append(' <a>' + (i+1) + '</a>');
    		if (i == 0) $('#bloc-imatges h2 a').addClass('actual');
	    });
    }
	
    $('#bloc-imatges h2 a').click(function(e){
        $('#bloc-imatges #video').css('display', 'none');
		$('#bloc-imatges h2 a').removeClass('actual');
		$(this).addClass('actual');
		var indice = ($(this).html());
		$('#bloc-imatges li').removeClass('actual');
		$('#bloc-imatges li:nth-child('+indice+')').addClass('actual');
        peu = $('#bloc-imatges li:nth-child('+indice+') .peu-hidden').html();
        $('#bloc-imatges .peu').html(peu);
        $('#bloc-imatges .peu').css('display', 'block');
	});
	$('#bloc-imatges li:first-child').addClass('actual');
	peu = $('#bloc-imatges li:first-child .peu-hidden').html();
    $('#bloc-imatges .peu').html(peu);
	//imprimir
	$("a.bot-imprimir").click(function(){
		print();
	});
	//popups
	$("a.popup").click(function(){
		window.open(this.href, 'finestra');
		return false;
	});
	$("body#agenda .agenda-acte a").click(function(){
		window.open(this.href, 'agenda', 'width=606,height=500,scrollbars=1');
		return false;
	});
	$("body#agenda #zona-ajudans a").click(function(){
		window.open(this.href, 'formulari', 'width=606,height=800,scrollbars=1');
		return false;
	});
    //Crear l'estrutura per poder fer un carousel amb les dades metereologiques
    //del territori seleccionat infolocal.
    crearMeteoCycle();
    
    //Peprarem els formularis d'enquestes
    jQuery.each(enquestes,vote);
    jQuery.each(enquestes_llistat,vote);
    jQuery.each(enquestes_comentari,vote);
    
    //Preparem les noticies rotatives
    jQuery.each(rotatius,crearRotatiuCycle);

    //actualitzem enquestes
    jQuery.each(enquestes,prepare_update);
    
	//forms usuaris
	$('button.bot-recupera-pass').click(function(e){
		$('input#accio').attr('value','recuperar');
	});
	/*$('input.bot-enviar').click(function(e){
		$('input#accio').attr('value','login');
	});*/
	$('#camp-residencia select').change(function(e){
		var numSelec = $(this).attr('id').slice(-1);
		$('#camp-residencia input#reg_cat'+numSelec).attr('checked','checked');
	});
	$('#form-serveis fieldset select').change(function(e){
		$(this).parent().find('input').each(function(i){
			if ($(this).attr('id').slice(-2) =='si') $(this).attr('checked','checked');
		});
	});
});

function crearMenuPestanyes(){
	var strMenu = '<ul id="pestanya-llista">';
	for (var i = 0; i < titols.length; i++){
		strMenu += '<li class="'+ classes[i] +'"><a>'+ titols[i] +'</a></li>';
	}
	strMenu += '</ul>';
	return strMenu;
}
function mostrarPestanya(classe){
	$('#pestanya-llista li').each(function(i){
		if($(this).attr('class') != classe){
			$(this).removeClass('actual');
		}else{
			$(this).addClass('actual');
		}
	});
	$('#pestanyes-corp .pestanya-contingut').each(function(i){
		if ($(this).attr('id') != classe) {
			$(this).hide();
		}else{
			$(this).fadeIn(500);
		}
	});
}

function crearMeteoCycle(){
    $('#meteo-dades').cycle({ 
        fx:    'fade', 
        delay: -1000,
        fit: 1
    });
}

function crearRotatiuCycle(){
    $('#'+this).cycle({ 
        fx:    'scrollUp', 
        delay: -1000,
		speed: 2500,
		timeout:  22000,
        fit: 1
    });
}

function show_video(id, url, alt){
    $('#'+id).html( '<object width="344" height="258" align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" name="videoplayer" id="videoplayer" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/portada_swflash.cab#version=8,0,0,0"><param value="/portada_swf/player.swf" name="movie"/> <param value="high" name="quality"/> <param value="true" name="play"/> <param value="true" name="loop"/> <param value="showall" name="scale"/> <param value="opaque" name="wmode"/> <param value="false" name="devicefont"/> <param value="#000000" name="bgcolor"/> <param value="true" name="menu"/> <param value="sameDomain" name="allowScriptAccess"/> <param value="" name="salign"/> <param value="true" name="allowFullScreen"/> <param value="url='+url+'" name="FlashVars"/> <embed width="344" height="258" align="middle" type="application/x-shockwave-flash" flashvars="url='+ur+'" allowscriptaccess="sameDomain" allowfullscreen="true" menu="true" name="videoplayer" bgcolor="#000000" id="videoplayer" devicefont="false" wmode="opaque" scale="showall" loop="true" play="true" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="/portada_swf/player.swf"/></object>');
    $('.peu').html(document.getElementById('img_thumb_'+alt).title);
}


	function show_video_portada(id, urlvideo, urlimage, alt){
    alert('show_video_portada - rediseny/inicio.js' );
    $('#'+id).html( '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553500" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/portada_swflash.cab#version=8,0,0,0" width="344" height="258" align="middle" name="videoplayer"><param name="flashVars" value="url=' + urlvideo + '&amp;img=' + urlimage + '&amp;arrel=/&amp;rutaxml=ajax/videogaleria.php?action%3Dxml&amp;idembed=' + urlvideo + '"/><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="movie" value="/portada_swf/player.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="wmode" value="opaque" /><embed id="videoplayer" src="/portada_swf/player.swf" flashVars="url=' + urlvideo + '&amp;img=' + urlimage + '&amp;arrel=/&amp;rutaxml=ajax/videogaleria.php?action%3Dxml&amp;idembed=' + urlvideo + '" quality="high" bgcolor="#000000" width="344" height="258" name="videoplayer" align="middle" wmode="opaque" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>');
    $('.peu').html(document.getElementById('img_thumb_'+alt).title);
   }
			
function vote(){
    // bind form using ajaxForm 
    $('#'+this).ajaxForm({ 
        dataType:  'xml',
        success: showResponse
    });
}

function showResponse(responseXML)  {
    
    var message = $('msg_Enquesta', responseXML).text();
    var messageboxid = $('messageboxid', responseXML).text();
    var type = $('msg_Enquesta', responseXML).attr("type");
    var vot = $('#'+messageboxid);
    vot.removeClass();
    vot.addClass("votacioresposta");
    vot.addClass(type);
    vot.html("<span>"+message+"</span>").text();
    vot.fadeIn(2000);
    vot.fadeOut(2000);

    var id_enquesta = messageboxid.substring(16);

    updateEnquesta(id_enquesta);
    
}

function prepare_update()
{
    enquesta = ''+this;
    id = enquesta.match(/\d+/g);
    updateEnquesta(id);
}

function updateEnquesta(EnquestaId)
{
    $("#barres-"+EnquestaId).load('/ajax/barres_enquesta.php', {enquesta_id:EnquestaId});
    $("#respostes-"+EnquestaId).load('/ajax/respostes_enquesta.php', {enquesta_id:EnquestaId});
}
