// JavaScript Document
$(document).ready(function() { 

Shadowbox.init({players:['img','iframe']});	

i1=new Image;i1.src="webimages/background/bg1.jpg";
i2=new Image;i2.src="webimages/background/bg2.jpg";
i3=new Image;i3.src="webimages/background/bg3.jpg";
i4=new Image;i4.src="webimages/background/bg4.jpg";
  
$("#bg").fadeTo(0, 0);
$("#contenu header").fadeTo(0, 0.7);	
					   
	//$(".box a:not(.actif)").stop().show().css({ "top" : "-8px" }).animate({top : 0}, 300);
	
	$(".hover:not(.actif)").hide();
	
	$(".box:not(.actif)").hover(function() {
		$(this).children(".hover:not(.actif)").stop().show().css({ "left" : "-233px" }).animate({left : 0}, 300);
		$(this).children(".box a:not(.actif)").stop().show().css({ "top" : "0px" }).animate({top : -8}, 300);
	},function() {
		$(this).children(".hover:not(.actif)").stop().animate({left : -233}, 300);
		$(this).children(".box a:not(.actif)").stop().animate({top : 0}, 300);
	}); 
});
$(window).load(function() {    

$("#bg").fadeTo(1500, 1);

var total = $('#slider img').length;
var rand = Math.floor(Math.random()*total);
        $('#slider').nivoSlider({	
			effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
			slices:5, // For slice animations
			boxCols: 8, // For box animations
			boxRows: 4, // For box animations
			animSpeed:1500, // Slide transition speed
			pauseTime:2500, // How long each slide will show
			startSlide:rand,
			//startSlide:0, // Set starting Slide (0 index)
			directionNav:false, // Next & Prev navigation
			directionNavHide:false, // Only show on hover
			controlNav:false, // 1,2,3... navigation
			controlNavThumbs:false, // Use thumbnails for Control Nav
			controlNavThumbsFromRel:false, // Use image rel for thumbs
			controlNavThumbsSearch: '.jpg', // Replace this with...
			controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
			keyboardNav:true, // Use left & right arrows
			pauseOnHover:true, // Stop animation while hovering
			manualAdvance:false, // Force manual transitions
			captionOpacity:0.8, // Universal caption opacity
			prevText: 'Prev', // Prev directionNav text
			nextText: 'Next', // Next directionNav text
			beforeChange: function(){}, // Triggers before a slide transition
			afterChange: function(){}, // Triggers after a slide transition
			slideshowEnd: function(){}, // Triggers after all slides have been shown
			lastSlide: function(){}, // Triggers when last slide is shown
			afterLoad: function(){} // Triggers when slider has loaded
		});	
		        $('#slider_marques').nivoSlider({	
			effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
			slices:5, // For slice animations
			boxCols: 8, // For box animations
			boxRows: 4, // For box animations
			animSpeed:1500, // Slide transition speed
			pauseTime:3500, // How long each slide will show
			startSlide:0,
			//startSlide:0, // Set starting Slide (0 index)
			directionNav:false, // Next & Prev navigation
			directionNavHide:false, // Only show on hover
			controlNav:false, // 1,2,3... navigation
			controlNavThumbs:false, // Use thumbnails for Control Nav
			controlNavThumbsFromRel:false, // Use image rel for thumbs
			controlNavThumbsSearch: '.jpg', // Replace this with...
			controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
			keyboardNav:true, // Use left & right arrows
			pauseOnHover:true, // Stop animation while hovering
			manualAdvance:false, // Force manual transitions
			captionOpacity:0.8, // Universal caption opacity
			prevText: 'Prev', // Prev directionNav text
			nextText: 'Next', // Next directionNav text
			beforeChange: function(){}, // Triggers before a slide transition
			afterChange: function(){}, // Triggers after a slide transition
			slideshowEnd: function(){}, // Triggers after all slides have been shown
			lastSlide: function(){}, // Triggers when last slide is shown
			afterLoad: function(){} // Triggers when slider has loaded
		});		
		
		//BG RESIZE
        var theWindow        = $(window),
            $bg              = $("#bg"),
            aspectRatio      = $bg.width() / $bg.height();
        function resizeBg() {
                if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
                    $bg
                        .removeClass()
                        .addClass('bgheight');
                } else {
                    $bg
                        .removeClass()
                        .addClass('bgwidth');
                }
        }
        theWindow.resize(function() {
                resizeBg();
        }).trigger("resize");

});

// HTML5
(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(',');for(var i=0;i<e.length;i++){document.createElement(e[i])}})()

