/**
 * @class Result list logic and functionallity
 * depends on jQuery, jQuery-cookie, and sunweb static "logic" object
 */
var accoDetails = function($) {

    /**
    * @namespace Private methods and properties
    */
    var priv = {

        /**
        * @private
        */
        accoId: null,

        /**
        * @private
        */
        extendedTabs: "ul#extended-tabs", //tabs element-id

        /**
        * @private
        */
        extendedTabsWidth: 530,

        /**
        * @private
        */
        mapTabs: "ul#map-tabs",

        /**
        * @private
        */
        maxReviews: 10,

        /**
        * @private
        */
        photoCurrentIndex: 0,

        /**
        * @private
        */
        photoTotalItems: 0,

        /**
        * @private
        */
        photoAnimateTimeout: null,

        /**
        * Generic way to open a new lightbox: the contents of the container identified by the supplied id
        * are loaded in a lightbox. Also, the lightbox is cached and thus only has to be initialized once.
        * @param {String} id The id of the container to show in the lightbox
        * @param {Object} options (Optional) Several options can be supplied to override default behavior of just
        * loading the contents of the container. When supplied, these options will be used to initialize the lightbox.
        * @private
        */
        openLightbox: function(id, options) {
            var lightbox = Lightbox.CreateCached(id, options);
            lightbox.Show();
        },

        /**
        * Check the name length, and adjust the font size to keep the name on one line
        * @private
        */
        adjustAccoName: function() {
            var $accoName = $("#detail-info h1.acco-name");
            var $accoLocation = $("#detail-info h2.acco-location");
            var $accoDetails = $accoName.parent();
            var $starRating = $("#detail-info span.star-rating");

            //the height of the $accoName plus $accoLocation should add up to the height of their parent element
            //if not the stars are wrapping on a new line. If this happens, make the $accoName fontsize smaller
            var parentHeight = $accoDetails.get(0).offsetHeight - 5;
            var addedHeight = $accoName.height() + $accoLocation.height() + parseInt($accoLocation.css("margin-bottom"));

            //make the font-size smaller as long as the lines wrap
            while (parseInt($accoName.css("font-size")) > 14 && addedHeight < parentHeight) {
                Log.Debug("accoName fontSize: " + $accoName.css("font-size"));
                var newFontSize = (parseInt($accoName.css("font-size")) - 1);
                $accoName.css({ "font-size": newFontSize + "px", "line-height": newFontSize + 2 + "px" });
                $starRating.height(newFontSize);

                addedHeight = $accoName.height() + $accoLocation.height() + parseInt($accoLocation.css("margin-bottom"));
                parentHeight = $accoDetails.get(0).offsetHeight - 5;
                Log.Debug("accoDetails height: " + parentHeight + "\n addedHeight: " + addedHeight);
            }
        },

        /**
        * helps older browsers with modern CSS 
        */
        highlightTabs: function() {
            Log.Debug("correcting tabs");
            var $mapTabs = $(priv.mapTabs);
            //for the map tabs
            $mapTabs.find("li:last-child").css({ "background-image": "none" });
            $mapTabs.find("li.selected:first-child a").css({ "border-width": "0px 1px 0px 0px;" });
            $mapTabs.find("li.selected:only-child a").css({ "border-width": "0px 0px 0px 0px" });

        },

        /**
        * Recalculate the padding for the extended-tabs, to make sure the total width
        * of the tabs stays the same, regardless of how many tabs there are.
        * @private
        */
        paddingTabs: function() {
            Log.Debug("correcting tab padding");
            var $extendedTabs = $(priv.extendedTabs);
            var UL_WIDTH = priv.extendedTabsWidth;
            if (typeof (prices) != "undefined" && prices != null)
                UL_WIDTH += 5;

            $extendedTabs.find("li:last-child a").css("padding-right", "0px");

            //recalculate the width of the menu
            var menuItemsWidth = 0;
            $extendedTabs.find("li").each(
                function(i) {
                    menuItemsWidth += ($(this).width());
                }
            );

            Log.Debug("menuItemsWidth: " + menuItemsWidth);

            //calculate the new padding
            var nrItems = $(priv.extendedTabs + " li").length;
            var itemPadding = Math.floor(((UL_WIDTH - menuItemsWidth) / 2) / nrItems);
            var padLeft = Math.floor(itemPadding);
            var padRight = Math.ceil(itemPadding);

            Log.Debug("padLeft: " + padLeft);
            Log.Debug("padRight: " + padRight);

            //now calculate the restpadding after correction
            var restPadding = UL_WIDTH - menuItemsWidth - nrItems * (padLeft + padRight);
            Log.Debug("restPadding: " + restPadding);
            var restPaddingLeft = Math.ceil(restPadding / 2);
            var restPaddingRight = Math.floor(restPadding / 2);


            //correct the padding for all the items
            var $links = $extendedTabs.find("li a");
            $links.each(
                function(i) {
                    //for the first item, add the correctionpadding
                    if (i == 0) {
                        $(this).css({ "padding-left": (restPaddingLeft + padLeft + parseInt($(this).css("padding-left"))) + "px" });
                    }
                    else {
                        $(this).css({ "padding-left": (padLeft + parseInt($(this).css("padding-left"))) + "px" });
                    }
                }
            );
            $links.find("span").each(
                function(i) {
                    if (i == 0) {
                        $(this).css({ "padding-right": (restPaddingRight + padRight + parseInt($(this).css("padding-right"))) + "px" });
                    }
                    else {
                        $(this).css({ "padding-right": (padRight + parseInt($(this).css("padding-right"))) + "px" });
                    }
                }
            );
        },

        /*
        * Binds the click events for the photos on the overview page
        */
        bindPhotoEvents: function() {
            $("ul.photo-carousel>li").each(
                function(i) {
                    $(this).bind("click",
                        function(evt) {
                            var newUrl = document.location.pathname;
                            if (document.location.search.length > 1) {
                                newUrl += "?view=photos&photoIndex=" + i + "&" + document.location.search.substr(1);
                            }
                            else {
                                newUrl += "?view=photos&photoIndex=" + i;
                            }
                            Log.Debug("redirecting to : " + newUrl);
                            document.location.href = newUrl;
                        }
                    );
                }
            );
        },

        bindMonthEvents: function() {
            $("#months .month-tabs li a").bind("click",
                function(evt) {
                    $(this).attr("href", $(this).attr("href") + "&sh=" + $("html").get(0).scrollTop);
                }
            );
        },

        processReviews: function() {
            var $reviews = $('ul.reviews li');
            // hide all reviews that are more than the maximum
            if ($reviews.length > priv.maxReviews) {
                for (var i = priv.maxReviews; i < $reviews.length; i++) {
                    $($reviews[i]).css("display", "none");
                }

                // set the total number of reviews
                $('#review-count').html('(' + ($reviews.length - priv.maxReviews) + ')');

                // bind the show all reviews event to show all reviews link
                $('div.show-reviews a').bind("click",
                    function() {
                        priv.showAllReviews();
                    }
                );
            } else {
                $('div.show-reviews').hide();
            }

            //finnaly show the ul
            $('ul.reviews').show();
        },

        addObjectIndex: function() {
            // look if there is an objectindex in the url
            var objectIndex = $.query.get('objectIndex');

            // get the current url
            var url = document.location.href;
            var lastIndex = url.indexOf('?');
            if (lastIndex == -1) {
                lastIndex = url.length;
            }
            var startIndex = url.lastIndexOf('/');
            url = url.substring(startIndex, lastIndex);

            // look if there are links to the current url without the objectindex
	        $("a").not("#prices a").each(function(i){
                if(this.href.indexOf(url) != -1){
                    if(objectIndex != null && objectIndex != '')
                    {
                        if(this.href.indexOf('objectIndex') == -1 && this.href.indexOf('#') == -1){
                            if(this.href.indexOf('?') == -1){
                                this.href = this.href + '?objectIndex='+objectIndex;
                            } else {
                                this.href = this.href + '&objectIndex='+objectIndex;
                            }
                        }
                    }
                    
                    if(this.href.indexOf('view=prices') != -1 )
                    {
                        if(this.href.indexOf('#') == -1 )
                            this.href += "#dur-x";
                            
                        $(this).click( 
                            function()
                            {
                                if(this.href != location.href){
                                    if($('#wait').length == 0){
								        $("body").append(
									        //$("#waitforprices").css({"position": "absolute", "top":"0px"}).show()
									        $("<div id='wait'><img src='"+Resource.GetText('path_prefix')+"/images/ajax-loader.gif'>"+Resource.GetText("LOADING_PRICES")+"</div>")
								        );
								    }
						        }
                            }
                        );
                    }
                    
                }                    
             });
		},
        prevPhoto: function(carousel) {
            Log.Debug("prevPhoto - index: " + priv.photoCurrentIndex);
            priv.pagePhoto((priv.photoCurrentIndex - 1), carousel);
        },

        nextPhoto: function(carousel) {
            Log.Debug("current photoindex: " + priv.photoCurrentIndex);
            priv.pagePhoto((priv.photoCurrentIndex + 1), carousel);
        },

        pagePhoto: function(index, carousel) {
            $('#mycarousel li').removeClass('sel');
            if (index >= 0 && index < priv.photoTotalItems) {

                if (index >= (priv.photoTotalItems - 3)) {
                    //alert("n");
                    carousel.next();
                } else if (index < priv.photoCurrentIndex && index == (priv.photoTotalItems - 4)) {
                    carousel.prev();
                    //alert("p");
                } else {
                    carousel.scroll(index);
                    // alert("s");
                }

                priv.photoCurrentIndex = index;
                priv.showCurrentImage();

            }
            Log.Debug("new photoindex: " + priv.photoCurrentIndex);
            priv.setNextPrevButtonState();
        },

        showCurrentImage: function() {
            var $newSrc = $("img", 'li.jcarousel-item:eq(' + priv.photoCurrentIndex + ')').attr("src");
            $newSrc = $newSrc.replace("_115", "_400");
            $newSrc = $newSrc.replace("_80", "_266");
            $('.show-photo').attr("src", $newSrc);
            $('#curImageNr').html((priv.photoCurrentIndex + 1));
        },

        setNextPrevButtonState: function() {
            if (priv.photoCurrentIndex > 0) {
                $('.jcarousel-prev').removeClass('jcarousel-prev-disabled');
                $('.jcarousel-prev').removeClass('jcarousel-prev-disabled-horizontal');
            } else {
                $('.jcarousel-prev').addClass('jcarousel-prev-disabled');
                $('.jcarousel-prev').addClass('jcarousel-prev-disabled-horizontal');
            }
            if (priv.photoCurrentIndex == (priv.photoTotalItems - 1)) {
                $('.jcarousel-next').addClass('jcarousel-next-disabled');
                $('.jcarousel-next').addClass('jcarousel-next-disabled-horizontal');
            } else {
                $('.jcarousel-next').removeClass('jcarousel-next-disabled');
                $('.jcarousel-next').removeClass('jcarousel-next-disabled-horizontal');
            }
            $('.jcarousel-container li:eq(' + priv.photoCurrentIndex + ')').addClass('sel');
        },

        photoHover: function($liOjbect) {
            if (priv.photoAnimateTimeout != null) {
                window.clearTimeout(priv.photoAnimateTimeout);
            }
            var image = $('img', $liOjbect).get(0);
            var x = (document.layers) ? $liOjbect.get(0).x : $liOjbect.get(0).offsetLeft;
            var y = (document.layers) ? $liOjbect.get(0).y : $liOjbect.get(0).offsetTop;
            var width = (image.width / 2);
            var height = (image.height / 2);
            var offSetLeft = 0;
            if ($('#mycarousel').get(0).offsetLeft < 0) {
                offSetLeft = $('#mycarousel').get(0).offsetLeft;
            }
            $('#photoitem-hover').css({ 'top': (y + 22) + 'px', 'left': (x + 20 + offSetLeft) + 'px', 'background-image': 'url(' + image.src + ')', 'display': '' });
            $('#photoitem-hover').show();

            priv.photoAnimateTimeout = setTimeout("$('#photoitem-hover').animate({'top':'" + (y + 12) + "px','left':'" + (x + 10 + offSetLeft) + "px','width':'143px','height':'102px'});", 50);
        },

        promotionBlockLogic: function() {
            //bind forum-block click event
            $("#forum-block, #weather-block").bind("click",
                function(evt) {
                    //find the link in the element, and use its Href
                    var Href = $(this).find("a").attr("href");
                    if (Href) {
                        document.location.href = Href;
                    }
                    return false;
                }
            );

            $("#offers-block tr.promorow").bind("click",
                function(evt) {
                    //find the link in the element, and use its Href
                    var Href = $(this).find("a").attr("href");
                    if (Href) {
                        document.location.href = Href;
                    }
                    return false;
                }
            );

            //for the promotion offerlist
            $("#offers-block td:last-child").addClass("price");
            $('#offers-block tr.promorow').hover(
                 function(evt) {
                     $(this).addClass("hover");
                     return false;
                 },
                function(evt) {
                    $(this).removeClass("hover");
                    return false;
                }
            );

            $("#forum-block .list-head, #forum-block li").hover(
                function(evt) {
                    $(this).css('text-decoration', 'underline');
                    return false;
                },
                function(evt) {
                    $(this).css('text-decoration', 'none');
                    return false;
                }
            );
        },

        /**
        * Show the element matching the supplied ID in a lightbox. Used on the offers page.
        * @param {HTMLElement} anchor The anchor element referencing the popup contents.
        * @param {String} id The id of the popup container
        * @return {Boolean} Returns false to allow event handlers to easily stop default browser behavior
        * @private
        */
        showOfferInfoInLightbox: function(anchor, id) {
            priv.openLightbox(id, {
                container: document.getElementById(id),
                contentUrl: $(anchor).attr('href'),
                width: '500px'
            });
            return false;
        }
    };

    /**
    * @scope accoDetails
    */
    return {

        showRatingPopup: function(el) {
            var id = 'pRating';
            var config = null;

            if ($('#' + id).html() == '') {
                config = {
                    container: document.getElementById(id),
                    width: '410px'
                };
                if (typeof (el) != "undefined" && el) {
                    config.contentUrl = $(el).attr('href') + " #popup";
                }
            }

            priv.openLightbox(id, config);
        },

        showSendAccoPopup: function() {
            $('#sendAccoContent').show();
            $('#sendAccoMessage').hide();
            priv.openLightbox('pSendAcco', {
            container: document.getElementById('pSendAcco'),
            width: '635px',
            clone: false
        });
    },

    showSendRoutePopup: function() {
        $('#sendRouteContent').show();
        $('#sendRouteMessage').hide();
        priv.openLightbox('pSendRoute', {
            container: document.getElementById('pSendRoute'),
            width: '635px',
            clone: false
        });
    },
    showAddReviewPopup: function() {
        $('#addreview-content').show();
        $('#addreview-send').hide();
        priv.openLightbox('add-review-lightbox', {
            container: document.getElementById('add-review-lightbox'),
            width: '623px',
            clone: false
        });
    },

    /**
    * should be triggered on $(document).ready
    */
    OnReady: function() {
        // set mainsearchtab to searchquery
        var searchQuery = $('.back a', 'div.breadcrumb').attr('href');

        if (typeof searchQuery != 'undefined') {
            if (Resource.GetText('isofferspage') == 'true') {
                $('#ctl00_lioffers a').attr('href', searchQuery);
            } else {
                $('#ctl00_lisearch a').attr('href', searchQuery);
            }
        }

        priv.accoId = $("#accoId").attr("value"); //get the accommodation id
        var currentTab = $.query.get('view').toLowerCase();
        if (currentTab.length < 1) {
            currentTab = $('body').attr('class') || location.href.match(/([a-zA-Z]+)\.aspx/)[1];
        }

        var Timer1 = new Timer();
        priv.adjustAccoName();
        Log.Debug("adjustAccoName time was: " + (Timer1.Stop()) + "ms ", -1);

        Timer1.Start();
        //huge performance gain for IE6 on prices
        if (currentTab == 'prices' && $.browser.msie && $.browser.version == "6.0") {
            $(window).bind("load",
                    function() {
                        priv.paddingTabs(); //correct the padding for the tabs
                        priv.addObjectIndex(); // make sure the objectIndex is remembered
                    }
                );
        }
        else {
            //other browser can do this onready
            priv.paddingTabs(); //correct the padding for the tabs
            priv.addObjectIndex(); // make sure the objectIndex is remembered
        }
        Log.Debug("paddingTabs time was: " + (Timer1.Stop()) + "ms ", -1);

        Timer1.Start();
        priv.highlightTabs(); //correct the CSS for older browsers
        Log.Debug("highlightTabs time was: " + (Timer1.Stop()) + "ms ", -1);

        Timer1.Start();
        priv.bindPhotoEvents(); //binds the events for the photocarousel on the overview page			
        Log.Debug("bindPhotoEvents time was: " + (Timer1.Stop()) + "ms ", -1);

        if (currentTab != 'prices') {
            Timer1.Start();
            priv.promotionBlockLogic();
            Log.Debug("promotionBlockLogic time was: " + (Timer1.Stop()) + "ms ", -1);
        }

        Timer1.Start();
        if ($('a.searchterms').get(0) && $('a.searchterms').attr('rel').length > 0) {
            $('a.searchterms').jHelperTip({
                trigger: 'hover',
                source: 'attribute',
                opacity: 1.0,
                attrName: 'rel',
                ttC: '#searchterms-tooltip'
            });
        }

        $('#img-rating-info').bind("click", function() {
            accoDetails.showRatingPopup(this);
            return false;
        });

        //binds the add to already viewed cookie to the onload
        $(window).bind("load", function() {
            PersonalItems.Add("alreadyviewed", priv.accoId);
            PersonalItems.ShowItemLinks();
        });

        //hide the location image if it is not available
        $("#accoCityDescriptionPhoto img").bind("error", function(evt) {
            $(this).parent().hide();
        });

        Log.Debug("other meantime was: " + (Timer1.Stop()) + "ms ", -1);

        Timer1.Start();
        // limit the number of reviews initialy shown

        if (currentTab == 'reviews') {
            priv.processReviews();
        }
        else if (currentTab == 'offers') {
            $("body").append("<div id=\"offersDepartureUnknownPopup\"></div>");
            $("body").append("<div id=\"offersDepartureKnownPopup\"></div>");
            $('a.moreinfo').bind("click", function() { return priv.showOfferInfoInLightbox(this, "offersDepartureKnownPopup"); });
            $('a.moreinfounknown').bind("click", function() { return priv.showOfferInfoInLightbox(this, "offersDepartureUnknownPopup"); });
        }

        Log.Debug("Tabspecific time was: " + (Timer1.Stop()) + "ms ", -1);

        $('div.pricetag span.price').bind("click", function() {
            var url = $('a.lowestprice-url', $(this).parent()).attr('href');
            location.href = url;
        });
    }
};
} (jQuery);