$(document).ready(function() {
	
for (var i = 10; i--;) {jQuery.preLoadImages("photos/"+i+".jpg","showroom/"+i+".jpg");}

//---------------Masks----------------//

var nb = '';


$('#masks div').hover(function(){
	//alert('on '+$(this).find('img').attr('alt'))
	nb = ($(this).find('img').attr('alt') - 1) * 190 + 5
	$('#masks').animate({'margin-left':'-'+nb+'px'})
	$(this).animate({'width':'950px'})
	$(this).find('img').animate({'margin-left':'0px'})
	
},function(){
	
	$('#masks').animate({'margin-left':'0px'})
	$(this).animate({'width':'185px'})
	nb = ($(this).find('img').attr('alt') - 1) * 190
	$(this).find('img').animate({'margin-left': '-'+nb+'px'})
	return false;

})

//---------------Menu----------------//

var posMenu = 'centre';
var currentRubrique = '';
var descriptionDiv ='<div id="description"></div>';
var lang = '';

var fb = '<iframe src="http://www.facebook.com/plugins/like.php?href=www.davidpurves.com/site2011&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:21px;" allowTransparency="true"></iframe>'


var tw = '<a href="http://twitter.com/share" class="twitter-share-button" data-url="www.davidpurves.com/" data-count="none" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>'

if($('#mainContainer').hasClass('en'))
	lang = 'en&';

if($('#diaporama').is(':visible')){
	currentRubrique = '#robes';
	posMenu = 'gauche'
	collection = $('#diaporama #switchCollec').html()
	
	$('#rubriques').css({'text-align':'left'})
	$('#rubriques').animate({left:'0px'},function(){
		$('#rubriques').css({'width':'300px'})
	})
	
	if($('#mainContainer').hasClass('en')){
	collection =='nouvelle' ? $('#diaporama .switchCollec').html('new collection') : $('#diaporama .switchCollec').html('classicals')
	}else{
	collection =='nouvelle' ? $('#diaporama .switchCollec').html('nouvelle collection') : $('#diaporama .switchCollec').html('les grands classiques')
	}	
		
	$('iframe').attr('src','http://www.facebook.com/plugins/like.php?href=www.davidpurves.com/site2011/?r='+$('.robe img').attr('alt')+'&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21')

	var tw = '<a href="http://twitter.com/share" class="twitter-share-button" data-url="www.davidpurves.com/?r='+$('.robe img').attr('alt')+'" data-count="none" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>'
		
	$('#robesDesc').html('<h1>'+$('.robe div').html()+'</h1>'+fb+tw)
	$('#robesDesc').css({'margin-top': '-23px'})
	Cufon.replace('#robesDesc h1', { fontFamily: 'Bauer Bodoni Std' });
		
	loadDesc(currentRubrique.substr(1))
	
}

$('#rubriques h1').mouseover(function(){
	$('#rubriques h1').css({'font-size':'30px'})
	$('#showroomDesc,#robesDesc').hide()
	
	$(this).css({'font-size':'50px'})
	loadDesc($(this).find('a').attr('href').substr(1))
	
	Cufon.replace('#rubriques h1', { fontFamily: 'Bauer Bodoni Std' });
	
})



$('#rubriques h1').mouseout(function(){
	//Affichage newsletter
	$('#showroomDesc,#robesDesc').hide()

	if($(this).find('a').attr('href')!='#newsletter'){
		
		if(posMenu == 'centre'){
			$('#menu #description').remove()
			$('#rubriques h1').css({'font-size':'30px'})
		}else{
			$('#rubriques h1').css({'font-size':'30px'})
			$('#rubriques h1').find("a[href='"+currentRubrique+"']").parent().css({'font-size':'50px'})
			loadDesc(currentRubrique.substr(1))
		}
		
	}
	Cufon.replace('#rubriques h1', { fontFamily: 'Bauer Bodoni Std' }); 

})



$("#rubriques h1 a").click(function(){
		
	$('#menu #description').remove()
	$('#showroomDesc,#robesDesc').hide()
	
	if(currentRubrique == $(this).attr('href') && currentRubrique == '#robes'){
		$('#robesDesc').html(robeDesc)
		$('#robesDesc').css({'margin-top': '10px'})
		Cufon.replace('#robesDesc', { fontFamily: 'Bauer Bodoni Std' });  
		$('#diaporama,#ancienne').hide()
		$('#nouvelle').show()
	}
	
	currentRubrique = $(this).attr('href')
	
	if(currentRubrique!='#newsletter'){
		$('#robes,#showroom,#createur,#contact,#masks').hide()
		$('#mainContainer').hasClass('en') ? $('#rubriques h2 a').html('*home') : $('#rubriques h2 a').html('*accueil')
	}
	
	if($(this).attr('href')=='#showroom'){
		posMenu = 'droite'
		$('#rubriques').css({'text-align':'right'})
		$('#rubriques').animate({'left':'650px'},function(){
			$('#rubriques').css({'right':'0'})
			loadDesc(currentRubrique.substr(1))
			$(currentRubrique).show()
		})

	}else{
		if(currentRubrique!='#newsletter'){
		posMenu = 'gauche'
		$('#rubriques').css({'text-align':'left'})
		$('#rubriques').animate({left:'0px'},function(){
			$('#rubriques').css({'width':'300px'})
			loadDesc(currentRubrique.substr(1))
			$(currentRubrique).show()
		})
		}else{
			loadDesc(currentRubrique.substr(1))
		}
	}
	
	Cufon.replace('#rubriques h2', { fontFamily: 'Bauer Bodoni Std' }); 
	
	return false;
	
})


function loadDesc(rubrique){
		$('#menu #description').remove()
		
		//Menu au centre
		if(posMenu == 'centre'){
			
			switch(rubrique){
				case "showroom": 
					$('#menu').prepend(descriptionDiv)
					$('#description').css({'left':'60px','text-align':'right'});
				break;
				case "newsletter":
					$('#menu').prepend(descriptionDiv)
					$('#description').css({'left':'0px'});
				break;
				case "robes":
					$('#menu').append(descriptionDiv)
					lang == '' ? $('#description').css({'left':'585px','text-align':'left'}) : $('#description').css({'left':'630px','text-align':'left'});
				break;
				case "createur": 
					$('#menu').append(descriptionDiv)
					$('#mainContainer').hasClass('en') ? $('#description').css({'left':'675px','text-align':'left'}) : $('#description').css({'left':'625px','text-align':'left'});
				break;
			}
			
			//Menu à gauche
		}else{
			
			if(posMenu == 'gauche'){
				
				$('#menu').append(descriptionDiv)
				$('#description').css({'text-align':'left'})	
				
				switch(rubrique){
					case "robes":
					lang == '' ? $('#description').css({'left':'210px'}) : $('#description').css({'left':'260px'});
					if(currentRubrique == '#robes'){$('#robesDesc').show()};
					break;
					case "showroom":
					$('#mainContainer').hasClass('en') ? $('#description').css({'left':'325px'}) : $('#description').css({'left':'300px'});
					break;
					case "createur":
					$('#mainContainer').hasClass('en') ? $('#description').css({'left':'300px'}) : $('#description').css({'left':'250px'});
					break;
					case "newsletter": $('#description').css({'left':'240px'});
					break;
					case "contact": $('#description').remove();
					break;
				}
				
				//Menu à droite
			}else{
				
				$('#menu').prepend(descriptionDiv)
				$('#description').css({'text-align':'right'})

					switch(rubrique){
						case "robes": $('#description').css({'left':'390px'});
						break;
						case "showroom":
						$('#mainContainer').hasClass('en') ? $('#description').css({'left':'330px'}) : $('#description').css({'left':'355px'});
						if(currentRubrique == '#showroom'){$('#showroomDesc').show()};
						break;
						case "createur":
						$('#mainContainer').hasClass('en') ? $('#description').css({'left':'350px'}) : $('#description').css({'left':'400px'});
						break;
						case "newsletter": $('#description').css({'left':'340px'});
						break;
					}				
			}
		}
		
		
	$('#description').load('desc.php?'+lang+'rubrique='+rubrique,function(){
		Cufon.replace('#description', { fontFamily: 'Bauer Bodoni Std' });	
	})
}

/*------Showroom-----*/

var imgWidth = 635 ;
var containerWidth = 950
var nbImgGallerie = $('#gallerie img').length;
var widthGallerie = nbImgGallerie * imgWidth;
var leftShowroom = (imgWidth - (containerWidth - imgWidth))+((nbImgGallerie-2)*imgWidth)

$('#gallerie').css({'width':widthGallerie,'left':leftShowroom})
$('#gallerieContainer').css({'width':leftShowroom*2+950,'left':'-'+leftShowroom+'px'})

$( "#gallerie" ).draggable(	{
	axis: "x",
	containment:'#gallerieContainer',
	stop: function() {
}})

	
/*------robes-----*/

var collection = 'nouvelle';
var robe = '';
var next = '';
var prev = '';
var robeName = '';
var nextName = '';
var prevName = '';
var robeDesc = $('#robesDesc').html();


$('.mini,.prev,.next').mouseover(function(){
	$(this).find('img').hide()
	Cufon.replace('.mini1 div', { fontFamily: 'Bauer Bodoni Std' });  
})
$('.mini,.prev,.next').mouseout(function(){
	$(this).find('img').show()
})

/*Diaporama*/


$('.mini').click(function(){
	
	$('#ancienne,#nouvelle').hide();
	$('#diaporama').show()
	
	if($('#mainContainer').hasClass('en')){
	collection =='nouvelle' ? $('#diaporama .switchCollec').html('classicals') : $('#diaporama .switchCollec').html('new collection')
	}else{
	collection =='nouvelle' ? $('#diaporama .switchCollec').html('les grands classiques') : $('#diaporama .switchCollec').html('nouvelle collection')
	}
	
	robe = $(this).find('img').attr('alt');
	robeName = $(this).find('div').html()
	
	$(this).index() == 0 ? prevName = $('#'+collection+' .mini').last().find('div') : prevName = $(this).prev().find('div');
	$(this).index() == $('#'+collection+' .mini').length - 1 ? nextName = $('#'+collection+' .mini').first().find('div') : nextName = $(this).next().find('div');
	
	next = nextName.parent().find('img').attr('alt')
	prev = prevName.parent().find('img').attr('alt')
	
	$('#robesDesc').html('<h1>'+robeName+'</h1>'+fb+tw)
	$('#robesDesc').css({'margin-top': '-23px'})
	Cufon.replace('#robesDesc h1', { fontFamily: 'Bauer Bodoni Std' });
	
	$('iframe').attr('src','http://www.facebook.com/plugins/like.php?href=www.davidpurves.com/site2011/?r='+robe+'&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21')

	
	loadRobes(collection,robe,prev,next,robeName,prevName.html(),nextName.html())
	
})

$('.prev').click(function(){
	
	robe = $(this).find('img').attr('alt')
	robeName = $(this).find('div').html()
	
	prev = $('#'+collection+' .mini img[alt='+$('.prev').find('img').attr('alt')+']').parent()
	
	prev.index() == 0 ?	prev = $('#'+collection+' .mini').last() : prev = prev.prev()
	
	prevName = prev.find('div').html()
	prev = prev.find('img').attr('alt')
	
	next = $('.robe').find('img').attr('alt')
	nextName = $('.robe').find('img').attr('title')
	
		var tw = '<a href="http://twitter.com/share" class="twitter-share-button" data-url="www.davidpurves.com/?r='+robe+'" data-count="none" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>'
	
	$('#robesDesc').html('<h1>'+robeName+'</h1>'+fb+tw)
	Cufon.replace('#robesDesc h1', { fontFamily: 'Bauer Bodoni Std' }); 
	
	$('iframe').attr('src','http://www.facebook.com/plugins/like.php?href=www.davidpurves.com/site2011/?r='+robe+'&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21')
	

		
	loadRobes(collection,robe,prev,next,robeName,prevName,nextName)
	
	$(this).find('img').show()
	
})

$('.next').click(function(){
	
	robe = $(this).find('img').attr('alt')
	robeName = $(this).find('div').html()
	
	next = $('#'+collection+' .mini img[alt='+$('.next').find('img').attr('alt')+']').parent()
	
	next.index() == $('#'+collection+' .mini').length - 1 ?	next = $('#'+collection+' .mini').first() : next = next.next()
	
	nextName = next.find('div').html()
	next = next.find('img').attr('alt')
	
	prev = $('.robe').find('img').attr('alt')
	prevName = $('.robe').find('img').attr('title')


	var tw = '<a href="http://twitter.com/share" class="twitter-share-button" data-url="www.davidpurves.com/site2011/?r='+robe+'" data-count="none" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>'

	$('#robesDesc').html('<h1>'+robeName+'</h1>'+fb+tw)
	Cufon.replace('#robesDesc h1', { fontFamily: 'Bauer Bodoni Std' }); 
	
	$('iframe').attr('src','http://www.facebook.com/plugins/like.php?href=www.davidpurves.com/site2011/?r='+robe+'&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21')
	
		
	loadRobes(collection,robe,prev,next,robeName,prevName,nextName)
	
	$(this).find('img').show()

})

$('.switchCollec').click(function(){
	$('#diaporama, #'+collection).hide()
	collection == 'ancienne' ? collection = 'nouvelle' : collection = 'ancienne';
	$('#'+collection).show()
	
	$('#robesDesc').html(robeDesc)
	$('#robesDesc').css({'margin-top': '10px'})
	Cufon.replace('#robesDesc', { fontFamily: 'Bauer Bodoni Std' });  
	
})


/* anchor */

if(window.location.hash){
	
	var anchorName = document.location.hash.substring(1);
	
	$('#newsletter,#showroom,#createur,#contact,#masks,#ancienne,#nouvelle').hide()
	$('#robes,#diaporama').show()
	
	currentRubrique = '#robes';
	posMenu = 'gauche'
	
	$('#rubriques').css({'text-align':'left'})
	$('#rubriques').animate({left:'0px'},function(){
		$('#rubriques').css({'width':'300px'})
	})
	
	robe = anchorName;
	
	var mini = $('.mini img[alt='+robe+']').parent()
	collection = mini.parent().attr('id')
	
	robeName = mini.find('div').html()

	
	if($('#mainContainer').hasClass('en')){
	collection =='nouvelle' ? $('#diaporama .switchCollec').html('classicals') : $('#diaporama .switchCollec').html('new collection')
	}else{
	collection =='nouvelle' ? $('#diaporama .switchCollec').html('les grands classiques') : $('#diaporama .switchCollec').html('nouvelle collection')
	}	
	
	//collection
	mini.index() == 0 ? prevName = $('#'+collection+' .mini').last().find('div') : prevName = mini.prev().find('div');
	mini.index() == $('#'+collection+' .mini').length - 1 ? nextName = $('#'+collection+' .mini').first().find('div') : nextName = mini.next().find('div');	
	
	next = nextName.parent().find('img').attr('alt')
	prev = prevName.parent().find('img').attr('alt')
	
var tw ='<a href="http://twitter.com/share" class="twitter-share-button" data-url="www.davidpurves.com?r='+robe+'" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>'	
	
	$('#robesDesc').html('<h1>'+robeName+'</h1>'+fb+tw)
	$('#robesDesc').css({'margin-top': '-23px'})
	Cufon.replace('#robesDesc h1', { fontFamily: 'Bauer Bodoni Std' });  
	
	$('iframe').attr('src','http://www.facebook.com/plugins/like.php?href=www.davidpurves.com/site2011/?r='+robe+'&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21')
	
	

		
	loadDesc(currentRubrique.substr(1))
	loadRobes(collection,robe,prev,next,robeName,prevName.html(),nextName.html())
			
}

function loadRobes (collection,robe,prev,next,robeName,prevName,nextName){
	
	$('.robe').html("<img src='robes/"+collection+"/big/"+robe+"' alt='"+robe+"' title='"+robeName+"'/>")
	$('.prev').html("<img src='robes/"+collection+"/mini/"+prev+"' alt='"+prev+"' /><div>"+prevName+"</div>")
	$('.next').html("<img src='robes/"+collection+"/mini/"+next+"' alt='"+next+"' /><div>"+nextName+"</div>")
	
}

})