$(document).ready( function() {
	$('#loader').width($(window).width() + 5).height( $(window).height() + 300 );
	$('#stone').height( ( $(window).height() / 2 ) - 67  );
	var center = $(document.body).width() / 2;
	var wI	   = $('.main .image').width(); 
	var wC	   = $('.main').width();
	var max    = wC - wI;
	var anim   = false;
	var hideMe = false;
	var scroll = false;
	
	var code = document.location.search;
	if( code != "" ) {
		$('.addCode').each( function() {
			var href = $(this).attr( 'href' );
				href = href + code;
			$(this).attr( 'href', href );
		});
	}
	
	
	$('.menu.one').add($('.menu.two')).find('a').click( function(e) {
		e.preventDefault();
		//$('#cancel').click();
		$('.close').click();
		var id = $(this).attr('name');
		$('#' + id).mouseover().click();
		
	});
	$('.logo.left').click( function() {
		$('.close').click();
		anim = false;
		scroll = false;
		hideMe = false;
		$('#first').show();
	});
	$('#getcost').click( function(e) {
		e.preventDefault();
		//$('#cancel').click();
		$('.close').click();
		anim = false;
		scroll = false;
		hideMe = false;
		$('#cost').show();
		//console.log(scroll)
	});
	$('#cancel').click( function() {
		$('.form').hide();
		$('.main').show();
	});
	$('#openForm').click( function(e) {
		e.preventDefault();
		$('.form').show();
		$('.main').hide();
	});
	var last = center;
	$('.main .image').mousemove( function(e) {
		if( !scroll ) {
			return false;
		}
		var speed  = (center - e.pageX) / 30;
		//console.log( e.pageX );
//		if( speed >= 5 ) {
//			speed = 5;
//		}
//		if( speed <= -5 ) {
//			speed = -5;
//		}
		var speed = 4;
		if( $.browser.msie ) {
			speed = 5;
		}
		if( last - e.pageX < 0 ) {
			speed = -speed;
		}
		last = e.pageX;
		var left   = $(this).css('left');
		left 	   = Number(left.substring(0, left.length -2));
		var pos    =  left + speed;
		if( pos > -43 ) {
			pos = -43;
		}
		if( pos < max ) {
			pos = max;
		}
		$(this).css( {left: pos } );
	});
	$('#bankomat').add($('#card')).add($('#seif')).add($('#ib')).mouseover( function() {
		if( !anim ) {
			return false;
		}
		scroll = false;
		$(this).find('div').show();
		var id = $(this).attr('id');
		if( id == "ib" ) {
			$('#chair').show();
		}
	})
	.mouseout( function() {
		if( hideMe ) {
			$(this).find('div').hide();
			$('#chair').hide();
			scroll = true;
		}
	})
	.click( function() {
		if( !anim ) {
			return false;
		}
		scroll = false;
		hideMe = false;
		var id = $(this).attr('id');
		$('.main .image').animate({left: positions[id]}, 1000);
		showPopup(id);
	});
	function showPopup( id ) {
		$('#' + id + '-popup').show();
		anim = false;
		//Popup.open(position.offset, position.width, position.height, el);
	}
	$('.close').click( function() {
		$('.popup').hide();
		anim = true;
		scroll = true;
		$('#bankomat').add($('#card')).add($('#seif')).add($('#ib')).each( function() {
			$(this).find('div').hide();
		});
		$('#chair').hide();
		hideMe = true;
	});
	var im = {};
	var pr = 0;
	for( i in images ) {
		im[i] = new Image();
		var path = document.location.href + images[i].path;
		im[i].i = i;
		im[i].onload = imCallback;
		im[i].onerror = imCallback;
//		alert(images[i].path);
		im[i].src = path;
	}
	function imCallback() {
		pr += Number(images[this.i].pr);
		$('#loader span').html(pr);
		if( pr == 100 ) {
			$('#loader').fadeOut('slow', function() {
				$(document.documentElement).css('overflow', 'auto');
			});
		}
	}
});
var positions = {
	bankomat: '-43px'
	, card: '-300px'
	, seif: '-90px'
	, ib: '-170px'
};
var images = {
		main: {
			path: 'i/main.jpg'
			, pr: 50
		}
		, logo: {
			path: 'i/logo.png'
			, pr: 10
		}
		, bank: {
			path: 'i/bankomat.jpg'
			, pr: 10
		}
		, bag: {
			path: 'i/bag.png'
			, pr: 2
		}
		, ibn: {
			path: 'i/ib_none.png'
			, pr: 3
		}
		, card: {
			path: 'i/card.png'
			, pr: 5
		}
		, seif: {
			path: 'i/seif.png'
			, pr: 10
		}
		, comp: {
			path: 'i/ib.png'
			, pr: 3
		}
		, chair: {
			path: 'i/chair.png'
			, pr: 2
		}
		, first: {
			path: 'i/first.png'
			, pr: 5
		}
};