heightSliderClosed = 62;
heightSliderOpened = 410;
animateSliderDUration = 800;

function hideSlider(){
	$('div#div_slider').css( { height:'1px', display:'none' } );
	$('div#div_loading').css( { display:'block' } );
	$('div.loading').css( { height: heightSliderClosed+'px' } );
}

function showSlider(){
	$('div#div_loading').css( { display:'none' } );
	$('div#div_slider').css( { display:'block' } );
	sliderInit();
	$('div#div_slider').animate( { height: heightSliderOpened+'px' }, animateSliderDUration );
	$('div.loading').animate( { height: heightSliderOpened+'px' }, animateSliderDUration );
}




widthSpacer = 40;
widthOpenSlide = 500;
animateSlideDuration = 350;
animateMethod = 'easeInOutQuad';

///////////////////////////

function sliderInit(){

	countSlides = $('div#slider div.slide').length;
	slidePreselected = false;
	isBlockHover = false;
	timeoutPreselected = null;

	$('div#slider div.first').css( { width: widthSpacer+'px', borderRight: 'solid #eeeeee 1px' } );
	$('div#slider div.slide:first').each( function(){ slideSelected = this; } );
	$('div#slider div.slide:first').addClass( 'cSel' );
	
	$('div#slider div.slide').css( { borderRight: 'solid #eeeeee 1px' } );

	sliderResize();


	window.onresize = function(){ sliderResize(); };
	
	////////////////////////////////////////////////

	$('div#slider div.slide').hover(
		function(){ // MOUSEOVER 
			if( !isBlockHover && this != slideSelected ){
				slidePreselected = this;
				timeoutPreselected = setTimeout( 'openPreselected()', 200 );
			}
		},
		function(){	// MOUSEOUT 
			slidePreselected = null;
			clearTimeout( timeoutPreselected );
		}
	);
	
	$('div#slider div.slide').click(
		function(){
			if( !isBlockHover ){
				if( this != slideSelected ){
					slidePreselected = this;
					openPreselected();
				}
			}
		}
	);	
	
}

function sliderResize(){
	widthSlider = $('div#slider').width();
	widthClosedSlide = Math.max( 50, Math.floor( ( widthSlider - 2*widthSpacer - widthOpenSlide ) / ( countSlides-1 ) ) );
	$('div#slider div.slide').css( { width: widthClosedSlide+'px' } );
	$('div#slider div.cSel').css( { width: widthOpenSlide+'px' } );
}

function openPreselected(){
	if( slidePreselected != null ){
		isBlockHover = true;
		setTimeout( 'isBlockHover=false;', Math.round(animateSlideDuration*0.9) );
		$(slideSelected).removeClass('cSel');
		$(slideSelected).animate( { width: widthClosedSlide+'px' }, { duration: Math.round(animateSlideDuration), easing: animateMethod } ); 
		$(slidePreselected).addClass('cSel');
		$(slidePreselected).animate( { width: widthOpenSlide+'px' }, { duration: Math.round(animateSlideDuration), easing: animateMethod } ); 
		slideSelected = slidePreselected;
	}
	slidePreselected = null;
}