var resizeTimer = null;
var resizeInterval = 444;

$( window ).resize( function() {
	if( resizeTimer != null ) {
        clearTimeout( resizeTimer );
        resizeTimer = null;
    }
    resizeTimer = setTimeout( resizeHandler, resizeInterval );
} );

// RESIZE HANDLER

function resizeHandler() {
	// For mainpage banner
	var bnr = document.getElementById( 'bnr' );
	if( bnr ) {
		var k = (document.documentElement.clientWidth - 40) / 1440;
		var new_h = Math.ceil(k * 720);
		
		if (new_h + 60 > document.documentElement.clientHeight) {
			k = (document.documentElement.clientHeight - 60) / 720;
		}
		
		bnr.style.width = Math.ceil(k * 1440) + 'px';
		bnr.style.height = Math.ceil(k * 720) + 'px';
		
		bnr.style.left = Math.ceil((document.documentElement.clientWidth - k * 1440) / 2) + 'px';
		var t = Math.ceil((document.documentElement.clientHeight - k * 720) / 2) - 26;
		bnr.style.top = t + 'px';
		$( 'a.enter-text' ).css({top: t + 'px'});
		return;
	}
	
	// Set new images for new dimention
	if( document.documentElement.clientWidth > 1440 ) {
		$( 'div.content' ).filter( '.fixpr850' ).addClass( 'fixpr1020' );
		$( 'div.content' ).filter( '.fixw850' ).addClass( 'fixw1020' );
		bg_imgs.each( function() {
			this.src = this.src.replace( '850', '1020' );
		} );

		// For MSIE
		$( '#slides' ).css( { left: 0 } )
	} else {
		$( 'div.content' ).filter( '.fixpr850' ).removeClass( 'fixpr1020' );
		$( 'div.content' ).filter( '.fixw850' ).removeClass( 'fixw1020' );
		bg_imgs.each( function() {
			this.src = this.src.replace( '1020', '850' );
		} );
	}
}

// DOCUMENT READY

$( document ).ready( function() {
	// START SCROLL HANDLER
	$( window ).scroll( function() {
		$( '#slides' ).css( { left: - $( this ).scrollLeft() + 'px' } )
	} )

	// START RESIZE HANDLER
	bg_imgs = $( '#slides' ).children();
	resizeHandler();	
} );