/*
 * 
 * Head Slides script
 * 
 * 
 * 
 * copyleft#  ze_alex
 * 
 * 
 */



jQuery.noConflict();


jQuery(document).ready(function(){
	
	
	var imageSlidesArray = ['slide_1.0.jpg', 'slide_2.1.jpg', 'slide_1.1.jpg', 'slide_3.1.jpg'];
	
	
	
	jQuery('#img_image_slides').mouseover(function(){
		
		if (!imageSlidePanelOpening) jQuery(this).stop().css({'opacity':1});
		
		jQuery('#imageSlideNav .open').css({'display': 'block'});
    });
	
	
	jQuery('#img_image_slides').mouseout(function(){

		if (!imageSlidePanelOpening && !imageSlidePanelState) jQuery(this).stop().animate({'opacity':0.85}, 1000);
		
		jQuery('#imageSlideNav .open').css({'display': 'none'});
    });
	
	
	
	
	
	
	jQuery('#div_image_slides').click(function(){

		if (imageSlidePanelState){
			
			imageSlidePanelOpening = true;
			imageSlidePanelState = false;
			
			jQuery(this).stop().animate({'height': divSlideHeight}, 500, '', function(){
    			
        		imageSlidePanelOpening = false;
        	});
			
			jQuery('#img_image_slides').stop().animate({'top': - ((divSlideHeightBig - divSlideHeight) / 2), 'opacity': 0.85}, 500);
			
			jQuery('#imageSlideNav .open').html('↓ показати більше');
		} 
		else {
			imageSlidePanelOpening = true;
			imageSlidePanelState = true;
			
        	jQuery(this).stop().animate({'height': divSlideHeightBig}, 500, '', function(){
				
        		imageSlidePanelOpening = false;
        	});
			
        	jQuery('#img_image_slides').stop().animate({'top': 0, 'opacity': 1});
			
			jQuery('#imageSlideNav .open').html('↑ згорнути');
		}
    });
	
	
	
	
	
	
	
	
	jQuery('#imageSlideNav .next').mouseover(function(){
		
		jQuery(this).addClass('over');
	});
	
	jQuery('#imageSlideNav .next').mouseout(function(){
		
		jQuery(this).removeClass('over');
	});
	
	
	
	

	
	
	
	
	
	
	
	
	
	var imageSlideIndex = Math.floor(Math.random() * imageSlidesArray.length);
	
	var imageSlidePanelState = false;
	var imageSlidePanelReady = false;
	var imageSlidePanelOpening = false;
	
	var imageSlideWidthBig = jQuery('body').width();
	var imageSlideWidth = jQuery('#img_image_slides').width();
	var imageSizeRatio = imageSlideWidthBig / imageSlideWidth;
	var imageSlideHeightBig = jQuery('#img_image_slides').height();
	
	var divSlideHeight = jQuery('#div_image_slides').height();
	var divSlideHeightBig;
	
	var imageSlideUpdateTimeour;
	
	
	jQuery('#img_image_slides').css({'opacity':0});
	
	jQuery('#img_image_slides').load(function(){
		
		imageSlidePanelReady = true;
		
		jQuery('#img_image_slides').width(imageSlideWidthBig);
		
		
		clearTimeout(imageSlideUpdateTimeour);
		imageSlideUpdateTimeour = setTimeout(function(){
			
			
			divSlideHeightBig = jQuery('#divImageSlideWrap').height();
			
			
			if (imageSlidePanelState){
				
				imageSlidePanelOpening = true;
				jQuery('#div_image_slides').stop().animate({'height': divSlideHeightBig}, 500, '', function(){
					
					jQuery('#img_image_slides').animate({'opacity':1}, 1000, '', function(){imageSlidePanelOpening = false;});
					
					jQuery('#div_image_slides').removeClass('loading');
	        	});
				
			} else {
				
				jQuery('#img_image_slides').animate({'opacity':0.85}, 1000);
				jQuery('#img_image_slides').css({'top': - ((divSlideHeightBig - divSlideHeight) / 2)});
				
				jQuery('#div_image_slides').removeClass('loading');
			}
			
			
    	}, 100);
	});
	
	
	
	
	
	
	
	
	jQuery('#imageSlideNav .next').click(function(){
		
		jQuery('#div_image_slides').addClass('loading');
		jQuery('#img_image_slides').stop().css({'opacity':0});
		jQuery('#img_image_slides').attr('src', imageSlidesPath + imageSlidesArray[imageSlideIndex]);
		
		(imageSlideIndex < imageSlidesArray.length - 1)? imageSlideIndex++ : imageSlideIndex = 0;
	});
	
	
	jQuery('#imageSlideNav .next').click();
	
	
	
	
	
	
	
	
	jQuery(window).resize(function(){
		
		
		imageSlideWidthBig = jQuery('body').width();		
		jQuery('#img_image_slides').width(imageSlideWidthBig);
		
		
		divSlideHeightBig = jQuery('#divImageSlideWrap').height();
		
		
		if (imageSlidePanelState) {
			
			jQuery('#div_image_slides').css({'height': divSlideHeightBig}, 500);
			jQuery('#img_image_slides').css({'top': 0});
			
		} else {
			
			jQuery('#img_image_slides').css({'top': - ((divSlideHeightBig - divSlideHeight) / 2)});
		}
		
	});
	
	
	
	
});