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

$(document).ready ( function() 
{
  //menus desplegables del desplegable de mitjans
  $('#desplegable_mitjans li.pare_mitjans').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'));
	});

    
	$('#pestanya-llista li a').click(function(e){
		var classe = $(this).parent().attr('class');
		var index = classe.indexOf('actual');
		if (index == -1){
			mostrarPestanya(classe);
		}
	});

    if (classes.length > 0)
    {
	    mostrarPestanya(classes[0]);
    }
    
	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;
	});
  
  //enquestes i rotatius
  try {
    //Preparem els formularis denquestes
    $.each(enquestes,vote);
    $.each(enquestes_pestanyes,vote);
    $.each(enquestes_llistat,vote);
    $.each(enquestes_comentari,vote);
    $.each(enquestes_noticia,vote);

    //Preparem les noticies rotatives
    $.each(rotatius,crearRotatiuCycle);

    //actualitzem enquestes
    $.each(enquestes,prepare_update);
    $.each(enquestes_pestanyes,prepare_update);
  } catch (e) {
    
  }
    
	//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');
		});
	});


  //mapes del temps
  $('#mapa_temps').each(function(){
    var mapa = $(this);
    mapa.addClass('unoriginal');
    mapa.find('ul').addClass('meteo-images');
    var places_list = '<ul class="meteo-places">';
    mapa.find('.meteo-images li').each(function(i){
      var current_class = '';
      if (i == 0) {
        current_class = 'current';
        $(this).addClass(current_class);
      }
      var title = $(this).find('h4').text();
      places_list += '<li class="'+current_class+'"><a href="#" class="bt-meteo-'+title.toLowerCase()+'"><span>'+title+'</span></a></li>';
  	});
  	places_list += '</ul>';
  	mapa.find('.content').append(places_list);
  	mapa.find('.meteo-places li').each(function(i){
  	  $(this).find('a').bind('click', function() {
  	    mapa.find('.meteo-images li').removeClass('current');
  	    mapa.find('.meteo-images li').eq(i).addClass('current');
  	    mapa.find('.meteo-places li').removeClass('current');
  	    $(this).parent().addClass('current');
        return false;
      });
  	});
  });

});

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){
    var classe = classe.split(' ')[0];
	$('#pestanya-llista li').each(function(i){
        var element_class = $(this).attr('class').split(' ')[0];
		if(element_class != classe){
			$(this).removeClass('actual');
		}else{
			$(this).addClass('actual');
		}
	});
	$('#pestanyes-corp .pestanya-contingut').each(function(i){
        var element_id = $(this).attr('id').split(' ')[0];
        if (element_id != classe) {
			$(this).hide();
		}else{
			$(this).fadeIn(500);
		}
	});

    if (classe == 'pestanya-mes-vist')
    {
        $('#pestanya-llista li.pestanya-al-minut a').addClass('segona');
        $('#pestanya-llista li.pestanya-al-minut a').removeClass('segona2');
    }
    if (classe == 'pestanya-al-minut')
    {
        $('#pestanya-llista li.pestanya-mes-vist a').addClass('primera');
        $('#pestanya-llista li.pestanya-mes-vist a').removeClass('primera2');
    }
    if (classe == 'pestanya-enquesta')
    {
        $('#pestanya-llista li.pestanya-mes-vist a').addClass('primera2');
        $('#pestanya-llista li.pestanya-mes-vist a').removeClass('primera');
        $('#pestanya-llista li.pestanya-al-minut a').addClass('segona2');
        $('#pestanya-llista li.pestanya-al-minut a').removeClass('segona');
    }
    if (classe == 'pestanya-enquesta gran')
    {
        $('#pestanya-llista li.pestanya-al-minut a').addClass('primera2');
        $('#pestanya-llista li.pestanya-al-minut a').removeClass('primera');
    }
}

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;
    sufix = enquesta.match(/pestanyes/g);
    id = enquesta.match(/\d+/g);
    if (sufix == null)
    {
        updateEnquesta(id);
    }
    else
    {
        updateEnquesta(id + '-' + sufix);
    }
}

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

function detect_html5_video_support()
{
    var supports = false;
    var userAgent = navigator.userAgent;

    // De moment només dispositius mobils
    
    // //  IE 9.0+
    // 
    // if ($.browser.msie)
    // {
    //     if (parseInt($.browser.version) >= 9)
    //     {
    //         supports = true;
    //     }
    // }

    // // Safari 3.0+

    // if (userAgent.match(/Safari/i))
    // {
    //     var version = userAgent.substring(userAgent.indexOf('Version/') +8);
    //     version = version.substring(0,version.indexOf('.'));
    //     if (version >= 3)
    //     {
    //         supports = true;
    //     }
    // }

    // // Chorme 5.0
    // 
    // if(userAgent.match(/Chrome/i))
    // {
    //     var version = userAgent.substring(userAgent.indexOf('Chrome/') +7);
    //     version = version.substring(0,version.indexOf('.'));
    //     if (version == 5)
    //     {
    //         supports = true;
    //     }
    // }

    // iPhone 3.0+

    if (userAgent.match(/iPhone/i))
    {
        var version = userAgent.substring(userAgent.indexOf('Version/') +8);
        version = version.substring(0,version.indexOf('.'));
        if (version >= 3)
        {
            supports = true;
        }
    }
    
    // iPad

    if (userAgent.match(/iPad/i))
    {
        supports = true;
    }

    // Android 2.0+
    if (userAgent.match(/Android/i))
    {
        var version = userAgent.substring(userAgent.indexOf('Android ') +8);
        version = version.substring(0,version.indexOf('.'));
        if (version >= 3)
        {
            supports = true;
        }
    }

    return supports;
}

function carregar_player(pos)
{
    var position = $('#pos_'+pos);
    var width     = position.find('input.width').val();
    var height    = position.find('input.height').val();
    var video     = position.find('input.video').val();
    var image     = position.find('input.image').val();
    var idembed   = position.find('input.idembed').val();
    var extern    = position.find('input.extern').val();
    var streaming = position.find('input.streaming').val();

    if (supports_html5_video)
    {
        var html = '<video id="multinotisvp" width="'+width+'" height="'+height+'" src="'+video+'" controls="controls" poster="'+image+'">load="metadata" </video>';
    }
    else
    {
        var html = ' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553500" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/portada_swflash.cab#version=10,0,0,0" width="'+width+'" height="'+height+'" align="middle" name="multinotisvp"> <param name="flashVars" value="url='+video+'&urlfoto='+image+'&arrel=/&rutaxml=videogaleria.xml'+streaming+'&idembed='+idembed+'&extern='+extern+'"/> <param name="allowScriptAccess" value="always" /> <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="multinotisvp" src="/portada_swf/player.swf" flashVars="url='+video+'&urlfoto='+image+'&arrel=/&rutaxml=videogaleria.xml'+streaming+'&idembed='+idembed+'&extern='+extern+'" quality="high" bgcolor="#000000" width="'+width+'" height="'+height+'" name="multinotisvp" align="middle" wmode="opaque" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>';
    }

    position.parent().html(html);
}