$('p.parallax').each(function() {
	var n = 7;
    var $p = $(this);
    var $img = $p.find('img:not(.arrow)');
    var mleft = 0;
    var mtop = 0;
    var h = $img.outerHeight();
    var w = $img.outerWidth();
    var move = false;
	var ease = 0.9;
	var layerName = $p.attr('class').replace(/\s/, '_').replace(/\sen/, '');
	var path = 'http://www.mongoliatourism.gov.mn/mglmap/';
	
	if($(this).hasClass('en')) path = path;
    var parallax = [];

    for(var i = 0; i < n; i++) {
        var $layer = $('<img class="parallax-layer">').load(function() {
            $(this).animate({'opacity' : 1}, 500);
        }).insertAfter($img).animate({'opacity' : 0}, 0).attr('src', path + layerName + '_layer_' + i + '.png');
        parallax.push($layer);
    }

    $p.hover(function() {
        move = true;
		ease = 0.5;
    }, function() {
		move = false;
		mleft = 0;
		mtop = 0;
		ease = 0.7;
    });

    $(document).mousemove(function(e) {
		if (!move)
			return;

		var offset = $p.offset();
		mleft = (offset.left + w/2 - e.pageX);
		mtop = (offset.top + h/2 - e.pageY);
    });

	setInterval(function() {
		for (var i = 0; i < n; i++) {
			var c = 5 * (i + 1);
			var dx = parseInt(parallax[i].css('left'), 10) - mleft / c;
			var dy = parseInt(parallax[i].css('top'), 10) - mtop / c;
			parallax[i].css({'left' : dx * ease , 'top' : dy * ease});
		}
	}, 33);

});