// JavaScript Document
$(document).ready(function(){
	
		handlePlaceHolderText();
		
		// Call specific functions to each page
		switch (getUrlVarsFrom(document.location.href, true)['tabid']) {
			case undefined:
				initSlideShowHome();
				break;
			case '1':
				initSlideShowHome();
				initPrettyPhoto();
				break;
			case '5':
				initXferList();
				break;
			case '6':
				initModName();
				break;
			case '23':
				initSlideShowHome();
				break;
			case '24':
				initPrettyPhoto();
				break;
			case '44':
				initArtistList();
				break;
			case '45':
				initXferList();
				break;
			case '147':
				handlePlaceHolderText();
				break;
				
		}
	
});

function getUrlVarsFrom(url, preventUnwantedVars) {
    var vars = [],
        hash;
    var hashes = url.split('#')[0].slice(url.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        if (preventUnwantedVars == 1) {
            if (hash[0] != 'lg' && hash[0] != 'objectid' && hash[0] != 'tabindex' && hash[0] != 'page' && hash[0] != 'keyword' && hash[0] != 'mediaid' && hash[0] != 'testmode') {
                if (hash[0] == 'categoryid' && hash[1] == 0) {} else {
                    vars.push(hash[0]);
                    vars[hash[0]] = hash[1];
                }
            }
        } else {
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
    }
    return vars;
}
function submitQuickSearch() {
    var keyWords = document.getElementById('inpQuickSearch').value;
    document.location.href = document.location.href.split('?')[0] + '?tabid=5&keyword=' + keyWords;
}

function submitCategory() {
    var url = document.getElementById('selCategory').value;
    document.location.href = document.location.href.substr(0, document.location.href.indexOf('DesktopDefault.aspx')) + url;
}
function handlePlaceHolderText() {
 
	$('input#inpQuickSearch').click(function() {
		
		$(this).attr('value', '');
		
		});
	$('.input-box .text').click(function() {
		
		$(this).attr('value', '');
		
		});
}

function entsub(e) {
    var evt = window.event ? e.keyCode : e.which;
    var keyPressed = evt;

    if (keyPressed == 13) {
        submitQuickSearch();
        return false;
    } else {
        return true;
    }
}
function initSlideShowHome() {
	//Configuration
	var retour = true;
	var tempsTransition = 1000;
	var affichePlayPause = false;
	var lectureAutomatique = true;
	var tempsAttente = 5000;

	var icones = new Array();
	icones['play'] = 'img/play_slider.png';
	icones['pause'] = 'img/pause_slider.png';

	var currentPosition = 0;
	var slideWidth = 980;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var interval;
	var lectureEnCours = false;
	// Supprime la scrollbar en JS
	$('.slidesContainer').css('overflow-x', 'hidden');

	// Attribue  #slideInner  à toutes les div .slide
	slides.wrapAll('<div id="slideInner"></div>')
	// Float left to display horizontally, readjust .slides width
	.css({
		'float': 'left',
		'width': slideWidth
	});

	// Longueur de #slideInner égale au total de la longueur de tous les slides
	$('#slideInner').css('width', slideWidth * numberOfSlides);

	// Insert controls in the DOM
	$('.liens').append('<span class="control" id="leftControl">Précédent</span>').append('<span class="control" id="rightControl">Suivant</span>');
	$('.slideshow .text-area').prepend('<div class="position"></div>');


	// Hide left arrow control on first load
	manageControls(currentPosition);

	//Crée un écouteur d'évènement de type clic sur les classes .control
	$('.control').bind('click', function () {

		// Determine la nouvelle position
		currentPosition = ($(this).attr('id') == 'rightControl') ? currentPosition + 1 : currentPosition - 1;

		if (currentPosition == numberOfSlides && retour == false) {
			currentPosition--;
			pause();
		}

		// Cache ou montre les controles
		manageControls(currentPosition);
		// Fais bouger le slide
		$('#slideInner').animate({
			'marginLeft': slideWidth * (-currentPosition)
		}, tempsTransition);
		var imgPosition = currentPosition + 1
		$(".position").html(imgPosition+ '/' +(i-1))
		
	});
	// créer les liens 
	for (var i = 1; i <= numberOfSlides; i++) {
		$('.liens').append('<a class="number" rel="' + i + '">' + i + '</a>');
		
	}
	
	$('a.number').click(function () {
		
		var image = $(this).attr('rel');
		var animation = image * 980 - 980;
			
		$("#slideInner").animate({
			
			'marginLeft': -animation
		
		});
		
 		$(".position").html(image + '/'+(i-1))

	});
	$('#slideInner .slide').each(function(index) {
		
		$(this).attr('rel', index)

	});

	// manageControls: Cache ou montre les flêches de controle en fonction de la position courante
	function manageControls(position) {
		// Cache la fleche "précédent" si on est sur le premier slide
		if (position == 0) {
			$('#leftControl').hide()
		} else {
			$('#leftControl').hide()
		}
		// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
		if (position == numberOfSlides - 1 && retour == false) {
			$('#rightControl').hide();
		} else {
			$('#rightControl').hide();
		}
		if (position == numberOfSlides && retour == true) {
			currentPosition = 0;
			$('#leftControl').hide();
		}
	}

	function precedent() {
		$('#leftControl').click();
		
	}

	function suivant() {
		$('#rightControl').click();
		
	}

	function start() {
		lectureEnCours = true;
		interval = setInterval(suivant, tempsAttente);
	}

	function pause() {
		lectureEnCours = false;
		clearInterval(interval);
	}

	//Si le diapo est activé 
	if (lectureAutomatique == true) {
		start();
	}
	if (affichePlayPause == true) {
		$('.slidesContainer').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
		if (lectureAutomatique == true) {
			$('#navDiapo').attr('src', icones['pause']);
		} else {
			$('#navDiapo').attr('src', icones['play']);
		}
		$('#navDiapo').bind('click', function () {
			if (lectureEnCours == true) {
				$(this).attr('src', icones['play']);
				pause();
			} else {
				$(this).attr('src', icones['pause']);
				start();
			}
		});
	}

	
}
function initModName() {
	
	var category = getUrlVarsFrom(document.location.href, true)['categoryid'];
	var tabId = getUrlVarsFrom(document.location.href, true)['tabid'];
	if ((tabId == '6')&&(category == '10077')) {
		
		$('.Title h1').append('19th Century');
		
		}	
	
}
function initPrettyPhoto() {
	$("a[rel^='prettyPhoto']").prettyPhoto();	
}
function initArtistList() {

	var currentLetter;

	$('table.artistListTable td a.artistName').each(function (index, domEle) {

	var firstLetter = $(domEle).text().substring(0, 1).toLowerCase();
	if (currentLetter) var lowerCurrentLetter = currentLetter.toLowerCase();

	if ($(domEle).attr('href')) {
		$(domEle).addClass('name-bold');
		
	};
	

		if ( firstLetter != lowerCurrentLetter) {
			
			currentLetter = $(domEle).text().substring(0, 1);
		
			$('div.artists-list div.listArea').append('<div class="artistsWrapper borders"><div class="bigLetter">' + currentLetter + '</div></div>')
			
			$(domEle).attr('name', firstLetter.toUpperCase());
			
		}
		
		$(domEle).appendTo('div.artistsWrapper:last');
	});
	
}
function initXferList() {
	
	$('table.objectListTable td').each(function(index, domEle){
		
		
		
			$('ul.objectList').append('<li />');
			$('div.object', domEle).appendTo('ul.objectList li:last');
		
		
	})
	
}