$(document).ready(function(){
	var currentPosition = 0;
	var slidePosition = 0;
	var slideWidth = 716;
	var slideWidthmini = 102;
	var slides = $('#slidesContainer .slide');
	var slidesmini = $('#slidesContainermini .slide');
	var numberOfSlides = slides.length;
	var initDiapo;

	//menu -----------------------------------------------------------------------
	if ((!$.browser.msie || $.browser.msie.version=='9.0') && $('.home').length){
		var jHome = $('.home');
		var selected_width = jHome.width();
		var selected_left = jHome.position().left + 5;
		$('#menu-hover').css({
			width: selected_width,
			left: selected_left
		});

		$('.head_nav li').mouseenter(function(){
		  if(!$(this).hasClass('home')){
			$('#menu-hover').stop();
			$('.head_nav li a').css({color:'#fff'});
			var width = $(this).width();
			var left = $(this).position().left + 5;
			var that = this;
			$('#menu-hover').animate({
			  width: width,
			  left: left
			},{
				complete:function(){
				  $(that).find('a').css({color:'#000'});
				},
				duration : 300
			});
		}

		});

		$('.head_nav li').mouseleave(function(){
		  if(!$(this).hasClass('home')){
			$('#menu-hover').stop();
			$('.head_nav li a').css({color:'#fff'});
			$('#menu-hover').animate({
			  width: selected_width,
			  left: selected_left
			},{
				complete:function(){
				  $('.home a').css({color:'#000'});
				},
				duration : 300
			});
		  }
		});

	}//menu end


	// Remove scrollbar in JS
	$('#slidesContainer').css('overflow', 'hidden');

	// Wrap all .slides with #slideInner div
	slides
	.wrapAll('<div id="slideInner"></div>')
	.css({
		'float' : 'left',
		'width' : slideWidth
	});

	slidesmini
	.wrapAll('<div id="slideInnermini"></div>')
	.css({
		'float' : 'left',
		'width' : slideWidthmini
	});

	// Set #slideInner width equal to total width of all slides
	$('#slideshow #slideInner').css('width', slideWidth * numberOfSlides);
	$('#slideInnermini').css({
		'width': slideWidthmini * numberOfSlides,
		'marginLeft': 0
	});

	// Insert controls in the DOM
	$('#slideshow')
	.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
	.append('<span class="control" id="rightControl">Clicking moves right</span>');

	// Hide left arrow control on first load
	manageControls(currentPosition);
	clearDiapo();
	//initDiapo=setTimeout(function(){autoSlide(currentPosition)},12000);

	// Create event listeners for .controls clicks
	$('.control')
	.bind('click', function(){
		if ($(this).attr('id')=='rightControl') {
			/*$('#'+currentPosition+' img').fadeTo("fast", 0.5).css({
				'width': '90px',
				'height': '60px',
				'margin': '0 15px'
			});
			$('#'+currentPosition).removeClass('active');*/
			slidePosition = eval(slidePosition)+1;
			/*$('#'+currentPosition+' img').fadeTo("fast", 1).css({
				'width': '100px',
				'height': '70px',
				'margin': '-5px 10px 0 0'
			});
			$('#'+currentPosition).addClass('active');*/
		}
		else {
			/*$('#'+currentPosition+' img').fadeTo("fast", 0.5).css({
				'width': '90px',
				'height': '60px',
				'margin': '0 15px'
			});
			$('#'+currentPosition).removeClass('active')*/
			slidePosition = eval(slidePosition)-1;
			/*$('#'+currentPosition+' img').fadeTo("fast", 1).css({
				'width': '100px',
				'height': '70px',
				'margin': '-5px 10px 0 0'
			});
			$('#'+currentPosition).addClass('active');*/
		}

		// Determine new position
		//currentPosition = ($(this).attr('id')=='rightControl')?eval(currentPosition)+1:eval(currentPosition)-1;
		//console.log(currentPosition);

		// Hide / show controls
		manageControls(slidePosition);
		// Move slideInner using margin-left
		/*$('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		});*/
		$('#slideInnermini').animate({
			'marginLeft' : -(slideWidthmini*(slidePosition))
		},{easing:'easeOutExpo'});
		clearDiapo();
		//initDiapo=setTimeout(function(){autoSlide(currentPosition)},12000);
	});

	// Create event listeners for thumbs clicks
	$('#slidesContainermini .slide')
	.bind('click', function(){
		// Determine new position
		currentPosition = eval($(this).attr('id'));
		//console.log(currentPosition);
		$('#slideInnermini img').css({
				'opacity': '0.5',
				'width': '90px',
				'height': '60px',
				'margin': '0 15px'
		});
		$('#slideInnermini .slide').removeClass('active');
		$('#'+currentPosition+' img').fadeTo("fast", 1).css({
				'width': '100px',
				'height': '70px',
				'margin': '-5px 10px 0 0'
		});
		$('#'+currentPosition).addClass('active');

		// Hide / show controls
		//manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		},{easing:'easeOutExpo'});
		$('#slidesContainermini > img').animate({
			'marginLeft' : slideWidthmini*(currentPosition)+30
		});
		clearDiapo();
		//initDiapo=setTimeout(function(){autoSlide(currentPosition)},12000);
		return false;
	}).mouseover(function(){
		var active=eval($('.active').attr('id'));
		var current=eval($(this).attr('id'));
		if (current != active) {
			$('#'+current+' img').css({
				'opacity': '1',
				'width': '100px',
				'height': '70px',
				'margin': '-5px 10px 0 0'
			});
		}
	}).mouseout(function(){
		var active=eval($('.active').attr('id'));
		var current=eval($(this).attr('id'));
		if (current != active) {
			$('#'+current+' img').css({
			'opacity': '0.5',
			'width': '90px',
			'height': '60px',
			'margin': '0 15px'
			});
		}
	});

  // Create event listeners for arrows keys
	$(document).keyup(function(event) {
		if (event.keyCode == '37' && slidePosition>0) {
			/*$('#'+currentPosition+' img').fadeTo("fast", 0.5).css({
				'width': '90px',
				'height': '60px',
				'margin': '0 15px'
			});
			$('#'+currentPosition).removeClass('active');*/
			slidePosition = eval(slidePosition)-1;
			/*$('#'+currentPosition+' img').fadeTo("fast", 1).css({
				'width': '100px',
				'height': '70px',
				'margin': '-5px 10px 0 0'
			});
			$('#'+currentPosition).addClass('active');*/
		}
		else if (event.keyCode == '39' && numberOfSlides-slidePosition>7)  {
			/*$('#'+currentPosition+' img').fadeTo("fast", 0.5).css({
				'width': '90px',
				'height': '60px',
				'margin': '0 15px'
			});
			$('#'+currentPosition).removeClass('active');*/
			slidePosition = eval(slidePosition)+1;
			/*$('#'+currentPosition+' img').fadeTo("fast", 1).css({
				'width': '100px',
				'height': '70px',
				'margin': '-5px 10px 0 0'
			});
			$('#'+currentPosition).addClass('active');*/
		}
		else {return false}
		//console.log(currentPosition);

		// Hide / show controls
		manageControls(slidePosition);
		// Move slideInner using margin-left
		/*$('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		});*/
		$('#slideInnermini').animate({
			'marginLeft' : -(slideWidthmini*(slidePosition))
		});
		clearDiapo();
		//initDiapo=setTimeout(function(){autoSlide(currentPosition)},12000);
	});


	function autoSlide(position) {
		currentPosition=position+1;
		if(currentPosition>numberOfSlides-1)
			currentPosition=0;
		// Hide / show controls
		manageControls(currentPosition);
		//console.log(currentPosition);
		// Move slideInner using margin-left
		/*$('#slideInner').animate({
		  'marginLeft' : slideWidth*(-currentPosition)
		},1000);*/
		$('#slidesContainermini > img').animate({
		  'marginLeft' : slideWidthmini*(currentPosition)+30
		},1000);
		clearDiapo();
		//initDiapo=setTimeout(function(){autoSlide(currentPosition)},12000);
	}

	function clearDiapo() {
		clearTimeout(initDiapo);
	}

	// manageControls: Hides and Shows controls depending on currentPosition
	function manageControls(position){
	// Hide left arrow if position is first slide
		/*if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }*/
		if(position==0){ $('#leftControl').hide() }
		else if (numberOfSlides>7) { $('#leftControl').show() }
	// Hide right arrow if position is last slide
		/*if(position==numberOfSlides-1){ $('#rightControl').hide() }
		else{ $('#rightControl').show() }*/
		if(numberOfSlides-position>7) { $('#rightControl').show() }
		else{ $('#rightControl').hide() }
	}

	$(window).resize(function() {
		scaleContent();
	});

	scaleContent();

	function scaleContent() {
		hw=((390-$("#text").height())/2);
		sh=(($('#slideshow').height()-$('#leftControl').height())/2)+hw;
		//$('#slideshow').css('margin',hw+'px auto 0');
		//$('#leftControl,#rightControl').css('top',sh+'px');
		//$('#text').css('margin',hw+'px auto 0');
	}

	$('#slideInnermini img').css("opacity", 0.5);
	$('#0 img').fadeTo("fast", 1).css({
				'width': '100px',
				'height': '70px',
				'margin': '-5px 10px 0 0'
	});
	$('#0').addClass('active');

	//$('.warn').css('margin-left',-$('.warn').width()/2);
});