var menuActuel = null;
var submenuActuel = null;




function pageHome(){
	
	
	
	var tempTop = $('#menu').css("top");
	if(tempTop=="60px"){
	$('#menu').fadeOut(500, function() {
	$(this).css("top","220px");
	$(this).fadeIn(500);
  	});
	$('#bottomHome,#logo').fadeIn(500, function() {
    // Animation complete.
  	});	 
  	$('#bottomHome2,#logo2').fadeOut(500, function() {
    // Animation complete.
  	});
  $('.content').fadeOut(500, function() {
    // Animation complete.
  });
	}
}


function pageGalerie(){
	var tempTop = $('#menu').css("top");
	if(tempTop=="220px"){
	$('#menu').fadeOut(500, function() {
	$(this).css("top","60px");
	$(this).fadeIn(500);
	});	
	$('#bottomHome,#logo').fadeOut(500, function() {
	// Animation complete.
	});  
	$('#bottomHome2,#logo2').fadeIn(500, function() {
	// Animation complete.
	});
	}
}


			$.address.init(function(event) {
				//alert(event.value);

				
				
				$('.sub_block a').each(function() {
	                if ($(this).attr('href') == (event.value == '/' ? '#' : '#!' + event.value)) {
	                    $(this).addClass('selected').focus();

						$(this).parent().parent().prev().click();
						//$(this).parent().parent().prev().parent().parent().prev().click();

	                } else {
	                    $(this).removeClass('selected');
	                }
	            });				
								
       		}).change(function(event) {
	
				if(event.value=="/contact"){
					$('#lienContact').addClass('active');
				}else if(event.value=="/film"){
					$('#lienFilm').addClass('active');
				}else if(event.value=="/news"){
					$('#lienNews').addClass('active');
				}else if(event.value=="/bio"){
					$('#lienBio').addClass('active');
				}else{
					$('#lienNews').removeClass('active');
					$('#lienBio').removeClass('active');
					$('#lienContact').removeClass('active');
					$('#lienFilm').removeClass('active');
				}		

			$('.sub_block a').each(function() {
                if ($(this).attr('href') == ("#!" + event.value)) {
                    $(this).addClass('selected').focus();

					//$(this).parent().parent().prev().click();
					
					
                } else {
                    $(this).removeClass('selected');
                }
            });
	
			if(event.value == '/' || event.value == ''){
				//alert('home');
				$(menuActuel).click();
				pageHome();
				$('#lienContact').removeClass('active');
				$('#lienFilm').removeClass('active');
				$('#lienBio').removeClass('active');
			}else{
				
				//alert(event.value);


				
				
				
				
				pageGalerie();
				$.ajax({
					url: 'content'+ event.value,
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
						alert('error');
                    },
                    success: function(data, textStatus, XMLHttpRequest) {
					
					
					
					
						$('.content').fadeOut(500,function() {
							
							$('.content').html(data);
							
						}).fadeIn(600,function(){
							
							var galleries = $('.ad-gallery').adGallery();
						});
						
                    },
                });				
			}
				
			}).history(true);
			
			document.write('<style type="text/css"> .content { display: none; } </style>');
	







$(document).ready(function(){
	
	var submenuActuel = null;
	$(".sub_container").hide();
	$(".container").hide();
	



	
	$("h1.trigger").click(function(){
		
    	if ($(this).next().is(":hidden")) {
      		$(this).toggleClass("active").next().slideDown("slow");
      		$(menuActuel).toggleClass("active").next().slideUp("slow");
      		$(submenuActuel).toggleClass("active").next().slideUp("slow");
      		menuActuel = this;
      		submenuActuel = null;
    	} else {
      		$(this).toggleClass("active").next().slideUp();
      		$(submenuActuel).toggleClass("active").next().slideUp("slow");
      		menuActuel = null;
      		submenuActuel = null;
   		}
	})
	
	$("h2.subtrigger").click(function(){
		
		if(menuActuel == null){
			//alert($(this).parent().parent().prev().attr('class'))
			$(this).parent().parent().prev().toggleClass("active").next().slideDown("slow");
      		menuActuel = $(this).parent().parent().prev();
		}
		
		
    	if ($(this).next().is(":hidden")) {
      		$(this).toggleClass("active").next().slideDown("slow");
      		$(submenuActuel).toggleClass("active").next().slideUp("slow");
      		submenuActuel = this;
    	} else {
      		$(this).toggleClass("active").next().slideUp();
      		submenuActuel = null;
   		}
	})	
	
	
	//carou0('slideshow').style.display='none';
	
	//carou0('wrapper').style.display='block';
	
    //$('img.image1').data('ad-desc', 'Whoa! This description is set through elm.data("ad-desc") instead of using the longdesc attribute.<br>And it contains <strong>H</strong>ow <strong>T</strong>o <strong>M</strong>eet <strong>L</strong>adies... <em>What?</em> That aint what HTML stands for? Man...');
    //$('img.image1').data('ad-title', 'Title through $.data');
    //$('img.image4').data('ad-desc', 'This image is wider than the wrapper, so it has been scaled down');
    ///$('img.image5').data('ad-desc', 'This image is higher than the wrapper, so it has been scaled down');
    //var galleries = $('.ad-gallery').adGallery();
    $('#switch-effect').change(
      function() {
        galleries[0].settings.effect = $(this).val();
        return false;
      }
    );
    $('#toggle-slideshow').click(
      function() {
        galleries[0].slideshow.toggle();
        return false;
      }
    );
    $('#toggle-description').click(
      function() {
        if(!galleries[0].settings.description_wrapper) {
          galleries[0].settings.description_wrapper = $('#descriptions');
        } else {
          galleries[0].settings.description_wrapper = false;
        }
        return false;
      }
    );
	



});


