/**
 * @fileOverview  Js for home page
 * 
 */
var home = {
    initialize: function(path, data) {
        this._path = path;
        this._data = data;
        this._img = $('#img-whathot');
        this._trips = $('#hot-trip');
        this._prices = $('#hot-trip-price');
        this._dest = $('#whats-hot-dest');
        if (1 >= this._data.length) return;
        var images = this._preloadImages();
        if (images.length > 0) {
            setInterval(this.run.bind(this, images), 5000);
        }
    },
    run: function(images) {
        var randImg = Whl.rand(this._data.length - 1);
        var dest = this._data[randImg], tripList = '', tripPrice = '';
        for (var key in dest.tours) {
            tripList += '<a href="' + dest.tours[key].url + '">' + dest.tours[key].name + '</a><br/>';
            tripPrice += dest.tours[key].currency + ' ' + dest.tours[key].price + '<br/>';
        }
        this._trips.html(tripList);
        this._prices.html(tripPrice);
        this._img.attr('src', images[randImg].src);
        this._dest.html(dest.destName);
    },
    _preloadImages: function() {
        var images = [];
        var rotator = this;
        $.each(this._data, function(i) {
            images[i] = new Image();
            if (Object.isObject(this)) {
                images[i].src = rotator._path + this.photoName;
                images[i].alt = this.photoAlt;
                images[i].title = this.photoAlt;
            }
        });
        return images;
    }
};
$(document).ready(function() {
    // Add data for search & register event
    Whl.UA.initData();
    // Rotate the hot image
    //new Whl.UA.ImageRotator(pathPrefix, hotImages, 'img-whathot');
    home.initialize(pathPrefix, hotTrips );
    // Add events for getting more detail content
    Whl.getMore();
});