/* 
 *  closable header functuion
 *  */	
function ClosableHeader(){
	
	var headerElement = '#header';
	var headerContent = '#header .w94';
	var headerActionElement = '#header .closeHeader a';
	var footerContainer = '#footer'; 						//used for fixing resize scroll disapearing content bug
	
	this.toggleHeader = function(){
	
		
		getHeight = $(headerElement).height();
		
		$(headerElement).toggleClass('closed');
		ClosableHeader.changeTtitles(headerActionElement);
		
		if (getHeight > 164) {
			
			Carousel.stopLoopAutoscroll();
			
			
			$(headerElement).animate({
				height: '164'
			}, 250);
			
			$(headerContent).animate({
				height: '134'
			}, 250);
			
		}
		
		if (getHeight < 603) {
			
			Carousel.startLoopAutoscroll();
			
			$(headerElement).animate({
				height: '603'
			}, 250);
			
			$(headerContent).animate({
				height: '571'
			}, 250);
			
		}
	};
	
	this.changeTtitles = function(elem){
		if ($(elem).attr('title') == 'Close') {
			$(elem).attr('title', 'Open');
		}
		else {
			$(elem).attr('title', 'Close');
		}
	};

	
	this.resizeHeader = function(getWindowWidth){
		$(headerElement).css('width', getWindowWidth);
		$(footerContainer).css('width', getWindowWidth);
	}
	
	var iterator  = 0;
	//initialize closable header
	this.initClosableHeader = function(){
		
		
		$(window).resize(function(){
			getWindowWidth = $(window).width();
			
			if (getWindowWidth < 1032){
				calculateScroll = 1032 - getWindowWidth;
				getWindowWidth += calculateScroll;
			}
			ClosableHeader.resizeHeader(getWindowWidth);			
		});
		
		ClosableHeader.resizeHeader();
		
		$(headerActionElement).click(function(){
			ClosableHeader.toggleHeader();
		});
		
		
		
	};
};

//create new class object
var ClosableHeader = new ClosableHeader();