/**
 * @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() {
        },
        
        /**
         * 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(){
        },
        
        /*
         * 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 table.head-table a").each(function(i){
                if (this.href.indexOf(url) != -1) {
                    if (objectIndex != null && objectIndex != '' && this.href.indexOf('objectIndex') == -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(
                                        $("<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');
        },
        
        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;
            });
            
            ImageGallery.Init($('.gallery .gallery-list li'));
        }
    };
}(jQuery);

var ImageGallery = function($) {
    return {
        Init: function(selector) {
            $(selector)
            .hover(function() {
                var $this = $(this);
                $('.gallery .divimg img').attr('src', $('a', $this).attr('href'));
            })
            .click(function(){
                return false;
            });
        }
    };
} (jQuery);