// JavaScript Document

//Menu
/*jQuery(function(){
	jQuery('#menu ul').superfish();
});*/
$(document).ready(function() { 
	$('#menu ul').superfish();
});
	
$(function(){
	$("li.accueil a").hover(function(){
    	$("li.accueil img").attr("src","http://www.spypoint.com/interface/images/icone_home-over.png");
	},function(){
    	$("li.accueil img").attr("src","http://www.spypoint.com/interface/images/icone_home.png");
	});
});

//News
function changerDeNews(){
    // on sauve dans une variable la .news courante
    $active = $(".news.active");
	
	// on reinitialise les thumbnails
	$("#newsChange li").removeClass("thumbHover")
            
    // si par hasard il n'y a pas de news active, on en prend une par défaut - ici la dernière
    if ( $active.length == 0 ) $active = $('.news:last');
            
    // on met la main sur la news suivante, si on est sur la dernière .news, la suivante sera la première
    var $next = $active.next().length ? $active.next() : $('.news:first');
    
    // et on change
    $active.removeClass('active').fadeOut();
    $next.addClass('active').fadeIn();
	
	$("#newsChange ul a[href='#"+$next.attr('id')+"']").parent("li").addClass("thumbHover");
	
	 if($("#newsChange ul a[href='#"+$next.attr('id')+"']").parent("li").is(":first-child")){
        var scroll = $(".scrollable").data("scrollable");
        scroll.next();
    }
}

$(document).ready(function(){
	$(".scrollable, a.prev, a.next").show();
	$("#newsChange ul a[href='#n1']").parent("li").addClass("thumbHover");
	$("#container").css("height","440px");
	$("#left .news").css({
		'position':'absolute',
		'height':'420px'
	}).hide();
	$("#left .news:eq(0)").show().addClass("active");
	
	$("#left .news").click(function(){
		clearInterval(auto);
	});
	$("#newsChange ul a").click(function(){
        clearInterval(auto);
                
		$("#left .news").fadeOut().removeClass("active");
		$(this.hash).fadeIn().addClass("active");
		
		$("#newsChange li").removeClass("thumbHover");
		$(this).parent("li").addClass("thumbHover");
		return false;
	});
	$("#newsChange .browse").click(function(){ 
		return false; 		//on annule la réécriture de la barre de menu
	});
	
	$(".scrollable").scrollable({
		"circular":true,
		"keyboard":false
	});
        
	var auto = setInterval(changerDeNews, 10000);
	
});

//Liens sociaux	
$(function(){
	$("li.facebook").hover(function(){
    	$("li.facebook img").attr("src","http://www.spypoint.com/interface/images/facebook-over.png");
	},function(){
    	$("li.facebook img").attr("src","http://www.spypoint.com/interface/images/facebook.png");
	});
});
$(function(){
	$("li.youtube").hover(function(){
    	$("li.youtube img").attr("src","http://www.spypoint.com/interface/images/youtube-over.png");
	},function(){
    	$("li.youtube img").attr("src","http://www.spypoint.com/interface/images/youtube.png");
	});
});
$(function(){
	$("li.twitter").hover(function(){
    	$("li.twitter img").attr("src","http://www.spypoint.com/interface/images/twitter-over.png");
	},function(){
    	$("li.twitter img").attr("src","http://www.spypoint.com/interface/images/twitter.png");
	});
});
$(function(){
	$("li.linkedIn").hover(function(){
    	$("li.linkedIn img").attr("src","http://www.spypoint.com/interface/images/linkedIN-over.png");
	},function(){
    	$("li.linkedIn img").attr("src","http://www.spypoint.com/interface/images/linkedIN.png");
	});
});

//Galerie
$(function(){
	if($("#galerie").attr("no") != "no") {
		$("#galerie table a, #photo .prev, #photo .next").click(function(){
			var $req = this.hash.substring(1);
			var $album = $(this).attr("data-album");
					
			$("#image img, #image p").remove();
			$("#image").append("<img src='../script/ajax-loader.gif' alt='loading'/>");
			$album = encodeURIComponent($album);
			$("#image").load("photo.php?q="+$req+"&album="+$album, function(responseText, textStatus, XMLHttpRequest){
				if(textStatus == "success"){
					var prev = $("#big_pict").attr("data-prev");
					var next = $("#big_pict").attr("data-next");
					var ajaxAlbum = $("#big_pict").attr("data-album");
					$("#photo .next").attr("href","galerie.php?album=" + $album.replace("%20", "+") + "#"+prev);
					$("#photo .next").attr("data-album",ajaxAlbum);
					$("#photo .prev").attr("href","#"+next);
					$("#photo .prev").attr("data-album",ajaxAlbum);
				}
			});
		});
		$("#galerie table a, #photo .prev, #photo .next").click(function(){
			var $req = this.hash.substring(1);
			var $album = $(this).attr("data-album");
					
			$("#video img, #video p").remove();
			$("#video").append("<img src='../script/ajax-loader.gif' alt='loading'/>");
			$album = encodeURIComponent($album);
			$("#video").load("video.php?q="+$req+"&album="+$album, function(responseText, textStatus, XMLHttpRequest){
				if(textStatus == "success"){
					var prev = $("#big_vid").attr("data-prev");
					var next = $("#big_vid").attr("data-next");
					var ajaxAlbum = $("#big_vid").attr("data-album");
					$("#photo .next").attr("href","#"+prev);
					$("#photo .next").attr("data-album",ajaxAlbum);
					$("#photo .prev").attr("href","#"+next);
					$("#photo .prev").attr("data-album",ajaxAlbum);
				}
			});
		});
	}
});

//galerie2
function GalerieRotation($sens, $album, $type, $lang) {
	var sel;
	if($type == "video") {
		sel = $("#big_vid");
	} else { sel = $("#big_pict"); }
	
	$(function() {
		//first get the new id
		$("#overSlide").slideUp(200, function() {
			sel.fadeOut(200);				
		});
		var oldId = sel.attr("current_id");
		$.get("../ajax/ajax.getGalleryRelativeId.php", { id : oldId, sens : $sens, album : $album, type : $type }, function(dat) {
			var newId = dat;
			GalerieLoad(newId, $type, $lang);
		});
	});
}

function GalerieLoad($id, $type, $lang) {
	var sel;
	if($type == "video") {
		sel = $("#big_vid");
	} else { sel = $("#big_pict"); }
	
	$(function() {
		if($("#overSlide").is(':visible')) { $("#overSlide").slideUp(200); }
		if($("#altText").is(":visible")) { $("#altText").fadeOut(100); }
		sel.fadeOut(200, function() {
			$.get("../ajax/ajax.getGalleryPhoto.php", { id : $id }, function(dat) {
				var elem = jQuery.parseJSON(dat);
				sel.attr("src", elem.nom).load(function() { 
					if($lang != "fr") { elem.noteFr = elem.noteEn; }
					sel.attr("current_id", $id);
					$("#loading").hide();
					$("#linkToAlbum").attr("href", $("#linkToAlbum").attr("default") + elem.albumurl);
					$("#altText").html("<span>" + elem.album + "</span> - " + elem.noteFr).fadeIn(250);
					$("#overSlide").slideDown();
					sel.fadeIn(200);
				});
			});
		});
	});
}

function GalerieHome($english) {
	var sel = $("#big_pict");
	$(function() {
		var $currentId = sel.attr("current_id");
		if($("#overSlide").is(':visible')) { $("#overSlide").slideUp(200); }
		if($("#altText").is(":visible")) { $("#altText").fadeOut(100); }
		sel.fadeOut(200, function() {
			$.get("../ajax/ajax.getNewPhotoRotation.php", { last_id : $currentId, english : $english }, function(dat) {
				var elem = jQuery.parseJSON(dat);
				sel.attr("src", elem.nom).load(function() { 
					if($english == 1) { elem.noteFr = elem.noteEn; }
					sel.attr("current_id", elem.id);
					$("#loading").hide();
					$("#linkToAlbum").attr("href", $("#linkToAlbum").attr("default") + elem.albumurl);
					$("#altText").html("<span>" + elem.album + "</span> - " + elem.noteFr).fadeIn(250);
					$("#overSlide").slideDown();
					sel.fadeIn(200);
				});
			});
		});
	});
}

$("#loading").ajaxStart(function() {
	$("#loading").show();
});
 
//menu galerie
$(document).ready(function() { 
	$('.menuGalerie ul').superfish();
});

//contact form
function updateRequiredFields(val) {
	$(function() {
		if(val == "support" || val == "photo") {
			$('#nomProduit').slideDown();
		} else {
			$('#nomProduit').slideUp();
		}
		
		if(val == "photo") {
			$('#photoAlert').slideDown();	
		} else { $('#photoAlert').slideUp(); }
	});
}

//zone coverage
function zone(href)
{
	window.open(href, 'popup', 'menubar=no, scrollbars=yes, top=100, left=100, width=450, height=450');
	return false;
}

//Procedure d'installation
function procedure(href)
{
	window.open(href, 'popup', 'menubar=no, scrollbars=yes, top=100, left=100, width=600, height=450');
	return false;
}

//FAQ
/*$(document).ready(function() {
    $(".faq").accordion({ 
		active: false,
		collapsible: true,
		autoHeight: false
	});
});*/