function initGallery() {

    // gallery scroll **********************************************************
    var _sliderHolder = $('div.slider');
    var _back = $('a.back', _sliderHolder);
    var _forward = $('a.forward', _sliderHolder);
    var _slideEl = $('div.slider-main ul', _sliderHolder);
    var _curren = 0;
    var _margin = 0;
    var _liWidth = 0;
    var _width = 795;
    var _ml = [];
    var _duration = 1000;
    var _autoSlide = 3000;
    _slideEl.append(_slideEl.children().clone());
    var _el = $('li', _sliderHolder);


    _el.each(function (i) {
        _liWidth += $(this).outerWidth();
        if (i > 0) {
            var _m = 0;
            for (var j = 0; j < i; j++) {
                _m += _el.eq(j).outerWidth();
            }
            _ml[i] = _m;
        } else {
            _ml[i] = 0;
        }
    });
    _back.css('opacity', 0.2);

    var _timer = setTimeout(function () { next() }, _autoSlide);

    function next() {
        if (_timer) clearTimeout(_timer);
        _back.css('opacity', 1);
        _curren += 1;
        if (_curren > _el.length - 1) _curren -= 1;
        _margin = _ml[_curren];
        _slideEl.animate({ 'marginLeft': -_margin }, { queue: false, duration: _duration, complete: function () {
            if (_margin >= _liWidth / 2) {
                _slideEl.css('marginLeft', 0);
                _curren = 0;
            }
        }
        });
        _timer = setTimeout(function () { next() }, _autoSlide);
    };

    _forward.click(function () {
        next();
        return false;
    });

    _back.click(function () {
        if (_timer) clearTimeout(_timer);
        _curren -= 1;
        if (_curren < 0) _curren = 0;
        _margin = _ml[_curren];
        if (_margin == 0) _back.css('opacity', 0.2);
        _slideEl.animate({ 'marginLeft': -_margin }, { queue: false, duration: _duration });
        _timer = setTimeout(function () { next() }, _autoSlide);
        return false;
    });

}

if (window.addEventListener) window.addEventListener("load", initGallery, false);
else if (window.attachEvent) window.attachEvent("onload", initGallery);



function initNearByHotels() {

    var _nearByHotelsHolder = $('div.nearByHotels');
    var _back = $('a.back', _nearByHotelsHolder);
    var _forward = $('a.forward', _nearByHotelsHolder);
    var _slideEl = $('div.nearByHotels-main ul', _nearByHotelsHolder);
    var _curren = 0;
    var _margin = 0;
    var _liHeight = 0;
    var _width = 150;
    var _ml = [];
    var _duration = 1000;
    var _autoSlide = 5000;
    _slideEl.append(_slideEl.children().clone());
    var _el = $('li', _nearByHotelsHolder);


    _el.each(function (i) {
        _liHeight += $(this).outerHeight(true);
        if (i > 0) {
            var _m = 0;
            for (var j = 0; j < i; j++) {
                _m += (_el.eq(j).outerHeight(true) + 5);
            }
            _ml[i] = _m;
        } else {
            _ml[i] = 0;
        }
    });
    _back.css('opacity', 0.2);

    var _timer = setTimeout(function () { next() }, _autoSlide);

    function next() {
        if (_timer) clearTimeout(_timer);
        _back.css('opacity', 1);
        _curren += 1;
        if (_curren > _el.length - 1) _curren -= 1;
        _margin = _ml[_curren];
        _slideEl.animate({ 'marginTop': -_margin }, { queue: false, duration: _duration, complete: function () {
            if (_margin >= _liHeight / 2) {
                _slideEl.css('marginTop', 0);
                _curren = 0;
            }
        }
        });
        _timer = setTimeout(function () { next() }, _autoSlide);
    };

    _forward.click(function () {
        next();
        return false;
    });

    _back.click(function () {
        if (_timer) clearTimeout(_timer);
        _curren -= 1;
        if (_curren < 0) _curren = 0;
        _margin = _ml[_curren];
        if (_margin == 0) _back.css('opacity', 0.2);
        _slideEl.animate({ 'marginTop': -_margin }, { queue: false, duration: _duration });
        _timer = setTimeout(function () { next() }, _autoSlide);
        return false;
    });

    _slideEl.hover(function () {
        clearInterval(_timer);
    }, function () {
        _timer = setInterval(next, 5000);
        next();
    });
}

if (window.addEventListener) window.addEventListener("load", initNearByHotels, false);
else if (window.attachEvent) window.attachEvent("onload", initNearByHotels);












function initNearByHotelsH() {

    var _nearByHotelsHolder = $('div.nearByHotelsH');
    var _back = $('a.back', _nearByHotelsHolder);
    var _forward = $('a.forward', _nearByHotelsHolder);
    var _slideEl = $('div.nearByHotels-main ul', _nearByHotelsHolder);
    var _curren = 0;
    var _margin = 0;
    var _liWidth = 0;
    var _width = 800;
    var _ml = [];
    var _duration = 1000;
    var _autoSlide = 5000;
    _slideEl.append(_slideEl.children().clone());
    var _el = $('li', _nearByHotelsHolder);


    _el.each(function (i) {
        _liWidth += $(this).outerWidth(true);
        if (i > 0) {
            var _m = 0;
            for (var j = 0; j < i; j++) {
                _m += _el.eq(j).outerWidth(true);
            }
            _ml[i] = _m;
        } else {
            _ml[i] = 0;
        }
    });
    _back.css('opacity', 0.2);

    var _timer = setTimeout(function () { next() }, _autoSlide);

    function next() {
        if (_timer) clearTimeout(_timer);
        _back.css('opacity', 1);
        _curren += 1;
        if (_curren > _el.length - 1) _curren -= 1;
        _margin = _ml[_curren];
        _slideEl.animate({ 'marginLeft': -_margin }, { queue: false, duration: _duration, complete: function () {        
            if (_margin >= _liWidth / 2) {
                _slideEl.css('marginLeft', 0);
                _curren = 0;
            }
        }
        });
        _timer = setTimeout(function () { next() }, _autoSlide);
    };

    _forward.click(function () {
        next();
        return false;
    });

    _back.click(function () {
        if (_timer) clearTimeout(_timer);
        _curren -= 1;
        if (_curren < 0) _curren = 0;
        _margin = _ml[_curren];
        if (_margin == 0) _back.css('opacity', 0.2);
        _slideEl.animate({ 'marginLeft': -_margin }, { queue: false, duration: _duration });
        _timer = setTimeout(function () { next() }, _autoSlide);
        return false;
    });

    _slideEl.hover(function () {
        clearInterval(_timer);
    }, function () {
        _timer = setInterval(next, 5000);
        next();
    });
}

if (window.addEventListener) window.addEventListener("load", initNearByHotelsH, false);
else if (window.attachEvent) window.attachEvent("onload", initNearByHotelsH);