var html5Video = false;



function isVideoCompatible(){

	var v = document.createElement("video"); 	

	if( !v.play ) { 

			html5Video = false;

	}else{

			html5Video = true;

		}

}



$(document).ready(function() {

						   

	isVideoCompatible();						   



	//Bordes redondeados

	$("img.rounded").load( function () {

		var img = $(this);

	

		var wrapper = $('<div class="rounded_wrapper"></div>');

		wrapper.width(img.width());

		wrapper.height(img.height());

		

		wrapper.css('float', img.css('float'));

		img.css('float', 'none')

		

		wrapper.css('margin-right', img.css('margin-right'));

		img.css('margin-right', '0')

	

		wrapper.css('margin-left', img.css('margin-left'));

		img.css('margin-left', '0')

	

		wrapper.css('margin-bottom', img.css('margin-bottom'));

		img.css('margin-bottom', '0')

	

		wrapper.css('margin-top', img.css('margin-top'));

		img.css('margin-top', '0')

	

		wrapper.css('display', 'block');

		img.css('display', 'block')

	

		// wrap image

		img.wrap(wrapper);

		

		// esquinas

		img.after('<div class="tl"></div>');

		img.after('<div class="tr"></div>');

		img.after('<div class="bl"></div>');

		img.after('<div class="br"></div>');

	});

	

	

	//lanza paginacion home					   

	if($(".sidebar-home").length > 0){

		var aImgsLoad = $(".data-related img.rounded");

		//preload 3 imagenes de la home y luego lanza paginador

		$(".data-related").imageLoader({

		   images: [

				aImgsLoad[0].src,

				aImgsLoad[1].src,

				aImgsLoad[2].src

				]

		}, function(){

			initPaginationHome();		  

		});		

	}

	

	//lanza paginacion galeria listado					   

	if($("#galeria-listado").length > 0){

		//preload 6 imagenes del listado  y luego lanza paginador		

		var aImgsLoad = $("#data-galeria-listado img.rounded");

		//preload 3 imagenes de la home y luego lanza paginador

		

		// ISRA: puede que haya menos imágenes

		var imagesArray = [];

		for (var i=0; i<aImgsLoad.size(); i++){

			imagesArray[i] = aImgsLoad[i].src;

		}

		

		$("#data-galeria-listado").imageLoader({

		   images: imagesArray

		}, function(){

			initPaginationListado();

		});	

		

	}



	



	//si esta en el interior de galeria lanza gallerific y adapta colorbox

	if($(".slideshow-container").length>0){

		setGaleria();

		$(".original-size a").colorbox({transition:"fade"});

		$(".nav-controls a.zoom").click(function(){

			var index = $(this).attr("title");

			str = '#thumbs .original-size:eq('+index+') a';

			$(str).trigger('click');

			return false;

		});
		
		
		$(".slideshow-container").hoverIntent(
			function(){
					$("#controls .ss-controls, #controls .nav-controls").css("display","block");
				},function(){
					$("#controls .ss-controls, #controls .nav-controls").css("display","none");
				}
		);


	}	

	

	

	

});







//PAGINACION HOME

var numElementosHome = 3;

function pageselectCallback(page_index, jq){

	

	var seleccion=page_index*numElementosHome;

	//div para el apend posteropr

	var content = $(document.createElement('div'));

	//items a mostrar

	for(var aa=seleccion;aa<=(seleccion+numElementosHome-1);aa++){

		var new_content = $('.data-related div.related:eq('+aa+')').clone();

		content.append(new_content);

	}	



	$('#list-related').empty().append(content);

	

	checkbordes(".sidebar-home #list-related");

	

	return false;

}





function initPaginationHome() {

	var num_entries = $('.data-related div.related').length;

	// Inicia paginacion

	$("#pagination").pagination(num_entries, {						

		items_per_page:3,

		num_edge_entries: 1,

		num_display_entries: 2,

		callback: pageselectCallback

	});

 }

 

 

 

 

//PAGINACION GALERIA LISTADO

var numElementosGallery = 8;

function galleryselectCallback(page_index, jq){

	

	//calcula primer elemento individual seleccioado

	var seleccion=page_index*numElementosGallery;

	//div para el appen

	var content = $(document.createElement('div'));

	



	//Calcula "desde" teniendo en cuenta que en cada div row hay 4 elementos

	if(seleccion<=3){

		selInicio=0;

		}else{

			var selInicio = Math.floor(seleccion/4);

			}

	//calcula "hasta" teniendo en cuenta divs row

	var seleccionHasta = Math.floor((seleccion+numElementosGallery-1)/4)

	

	//bucle para seleccionar los divs row donde estan los elementos a mostar

	for(var aa=selInicio;aa<=seleccionHasta;aa++){	

		var new_content = $('#data-galeria-listado div.row:eq('+aa+')').clone();

		content.append(new_content);

	}



	$('#galeria-listado').empty().append(content);

	

	checkbordes("#galeria-listado");

	

	//lanza colorbox. Hay que asignar evento en cada repinte

	$('#galeria-listado li a[rel]').colorbox({transition:"fade"});

	

	return false;

}



function initPaginationListado() {

	//total de items

	var num_entries = $('#data-galeria-listado ul.item').length;

	// Crea paginacion

	$("#pagination").pagination(num_entries, {						

		items_per_page:8,

		num_edge_entries: 1,

		num_display_entries: 3,

		callback: galleryselectCallback

	});

 }

 

//CARGA VIDEO

function loadVideo(urlOGG,urlMP4){

	if(html5Video){

		var sVideo = '';

        sVideo += '<video id="demo-video" autoplay controls width="680" height="385">';

        sVideo += '<source src="'+urlMP4+'" type="video/mp4" />';

        sVideo += '<source src="'+urlOGG+'" type="video/ogg" />';

        sVideo += '</video>';		

		$("#player").html(sVideo);	
		
		$("#demo-video").load();	

		}else{

			swfobject.embedSWF("http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf", "player", "680", "385", "9.0.0", null, {  

				config: "{'clip': '"+urlMP4+"' }}" 

				} 

			);

			}	

}

 

 

//comprueba bordes

function checkbordes(theDiv){

	//busca imagenes que no se les haya aplicado el script rounded

	var selector = theDiv +" .rounded:only-child";

	var aIMGrounded = $(selector);

	for(var aa=0;aa<aIMGrounded.length;aa++){

		setBorder(aIMGrounded[aa]);

	}



}



//fuerza script esquinas redondeadas si falla load

function setBorder(elem){

		var img = $(elem);

	

		var wrapper = $('<div class="rounded_wrapper"></div>');

		wrapper.width(img.width());

		wrapper.height(img.height());

		

		wrapper.css('float', img.css('float'));

		img.css('float', 'none')

		

		wrapper.css('margin-right', img.css('margin-right'));

		img.css('margin-right', '0')

	

		wrapper.css('margin-left', img.css('margin-left'));

		img.css('margin-left', '0')

	

		wrapper.css('margin-bottom', img.css('margin-bottom'));

		img.css('margin-bottom', '0')

	

		wrapper.css('margin-top', img.css('margin-top'));

		img.css('margin-top', '0')

	

		wrapper.css('display', 'block');

		img.css('display', 'block')

	

		// wrap image

		img.wrap(wrapper);

		

		// esquinas

		img.after('<div class="tl"></div>');

		img.after('<div class="tr"></div>');

		img.after('<div class="bl"></div>');

		img.after('<div class="br"></div>');



}

 

// GALERIA INTERIOR

function setGaleria(){

				// We only want these styles applied when javascript is enabled

				$('div.content').css('display', 'block');



				// Initially set opacity on thumbs and add

				// additional styling for hover effect on thumbs

				var onMouseOutOpacity = 0.67;

				$('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({

					mouseOutOpacity:   onMouseOutOpacity,

					mouseOverOpacity:  1.0,

					fadeSpeed:         'fast',

					exemptionSelector: '.selected'

				});

				

				// Initialize Advanced Galleriffic Gallery

				var gallery = $('#thumbs').galleriffic({

					delay:                     2500,

					numThumbs:                 5,

					preloadAhead:              10,

					enableTopPager:            false,

					enableBottomPager:         true,

					imageContainerSel:         '#slideshow',

					controlsContainerSel:      '#controls',

					captionContainerSel:       '#caption',

					loadingContainerSel:       '#loading',

					renderSSControls:          true,

					renderNavControls:         true,

					playLinkText:              'Play Slideshow',

					pauseLinkText:             'Pause Slideshow',

					prevLinkText:              '&lsaquo; Previous Photo',

					nextLinkText:              'Next Photo &rsaquo;',

					nextPageLinkText:          'Next &rsaquo;',

					prevPageLinkText:          '&lsaquo; Prev',

					enableHistory:             true,

					autoStart:                 false,

					syncTransitions:           true,

					defaultTransitionDuration: 900,

					onSlideChange:             function(prevIndex, nextIndex) {

						// 'this' refers to the gallery, which is an extension of $('#thumbs')

						this.find('ul.thumbs').children()

							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()

							.eq(nextIndex).fadeTo('fast', 1.0);



						// Update the photo index display

						this.$captionContainer.find('div.photo-index')

							.html('Photo '+ (nextIndex+1) +' of '+ this.data.length);

					},

					onPageTransitionOut:       function(callback) {

						this.fadeTo('fast', 0.0, callback);

					},

					onPageTransitionIn:        function() {

						var prevPageLink = this.find('a.prev').css('visibility', 'hidden');

						var nextPageLink = this.find('a.next').css('visibility', 'hidden');

						

						// Show appropriate next / prev page links

						if (this.displayedPage > 0)

							prevPageLink.css('visibility', 'visible');



						var lastPage = this.getNumPages() - 1;

						if (this.displayedPage < lastPage)

							nextPageLink.css('visibility', 'visible');



						this.fadeTo('fast', 1.0);

					}

				});



				/**************** Event handlers for custom next / prev page links **********************/



				gallery.find('a.prev').click(function(e) {

					gallery.previousPage();

					e.preventDefault();

				});



				gallery.find('a.next').click(function(e) {

					gallery.nextPage();

					e.preventDefault();

				});



				/****************************************************************************************/



				/**** Functions to support integration of galleriffic with the jquery.history plugin ****/



				// PageLoad function

				// This function is called when:

				// 1. after calling $.historyInit();

				// 2. after calling $.historyLoad();

				// 3. after pushing "Go Back" button of a browser

				function pageload(hash) {

					// alert("pageload: " + hash);

					// hash doesn't contain the first # character.

					if(hash) {

						$.galleriffic.gotoImage(hash);

					} else {

						gallery.gotoIndex(0);

					}

				}



				// Initialize history plugin.

				// The callback is called at once by present location.hash. 

				$.historyInit(pageload, "advanced.html");



				// set onlick event for buttons using the jQuery 1.3 live method

				$("a[rel='history']").live('click', function(e) {

					if (e.button != 0) return true;



					var hash = this.href;

					hash = hash.replace(/^.*#/, '');



					// moves to a new page. 

					// pageload is called at once. 

					// hash don't contain "#", "?"

					$.historyLoad(hash);



					return false;

				});



}