var broken = Class.create();

broken.page = 
{
    initialize : function()
    {
        /** add onclick events for accessibility **/
        
        //if($('mm-quickfinder')) broken.util.addEvent($('mm-quickfinder'), 'click', broken.page.initQuickfinder);
        
        /** Initialize Startpage **/
        if($('startPageSlideShow'))          
           broken.page.initStartpage();
        
        /** Initialize slideshow for hotelpages **/
        if($('hotelSlideShow'))
           broken.page.initHotelSlideShow();
        
        /** Initialize Loginfields **/
        if($('memberLogin'))
            broken.page.fixLogin();

        /** Initialize GoogleMaps **/
        if($('mapHolder'))
            //broken.googleMaps.init();
            
         /** calculate totalt price in booking **/
         if($('roomOneWrapper'))
            broken.booking.onload()
            
         if($('collapsableTable'))
            broken.page.initStayFolderTable();
         
         if($('press'))
            broken.page.initStayFolderPress();
            
         if($('stay_history'))
            broken.page.initStayHistory();
    },
    
    fixLogin : function ()
    {
        var userLabel = $('memberLogin').getElementsByTagName('label')[0].firstChild;
        var userText = userLabel.nodeValue;
        var userField = $('memberLogin').getElementsByTagName('input')[0];
        var passLabel = $('memberLogin').getElementsByTagName('label')[1].firstChild;
        var passText = passLabel.nodeValue;
        var passField = $('memberLogin').getElementsByTagName('input')[1];
        passField.id="oldPassField"
        var newPassField = document.createElement("input")
        newPassField.setAttribute("value", passText)
        newPassField.setAttribute("type","text"); 
        newPassField.setAttribute("class","inputField");  
        newPassField.style.width = passField.offsetWidth;
        passField.parentNode.appendChild(newPassField)
        
        if(passField.value == "")
            passField.style.display="none";
        else
            newPassField.style.display="none";
            
        userLabel.nodeValue = ""
        passLabel.nodeValue = ""
        
        userField.setAttribute("value", userText)
        
        userField.onfocus = function() {
            if(this.value == userText) this.value = ""
        }
        userField.onblur = function() {
            if(this.value == "") this.value = userText
        }
        
        newPassField.onfocus = function() {
            this.parentNode.childNodes[0].style.display = ""
            this.parentNode.childNodes[0].focus()
            this.style.display = "none"
            
        }
        passField.onblur = function() {
            if(this.value=="") {
                this.parentNode.childNodes[1].style.display = ""
                this.style.display = "none"
            }
        }

      
    },
    
    initStartpage : function()
    {
        this.startPageSlideShow = new broken.slideShowEngine({
            url: '/Templates/Public/Data/GetImageList.aspx?lang=en&r='+(Math.round((Math.random()*5000000))),
            path: '/root/hotelimagescollecton/hotelimages/image[@IsStartPageImage=True]',
            targetWrapper: 'startPageSlideShow',
            run: true,
            useAll: true,
            toggleAction: broken.page.toggleStartPageText  
         });
        
        if($('bookBtnPusle'))
            setTimeout(function()
            {
                new Effect.Opacity('bookBtnPusle', 
                {
                    duration:1,
                    transition: Effect.Transitions.linear,
                    from: 1, 
                    to: 0,
                    afterFinish: function()
                    {
                        new Effect.Opacity('bookBtnPusle', 
                        {
                            duration: 1,
                            from: 0, 
                            transition: Effect.Transitions.linear,
                            to: 1,
                            afterFinish : function() { $('bookBtn').style.background = 'none'; }
                        });
                    }
                });
            }, 1500);
                
        if($('startPageLeftArrow'))
            this.initMoveSlider();
            
    },
    
    
    toggleStartPageText : function()
    {
        var id = broken.page.startPageSlideShow.imageArray[broken.page.startPageSlideShow.currentPosition].hotelId;
        var textColor = broken.page.startPageSlideShow.imageArray[broken.page.startPageSlideShow.currentPosition].textcolor;
        var pagelinkurl = broken.page.startPageSlideShow.imageArray[broken.page.startPageSlideShow.currentPosition].pagelinkurl;
        
        $('featureHotelHolder').observe('click', function(){ broken.util.gotoPage(pagelinkurl) });
        
        var lastText = broken.page.startPageSlideShow._last.id == $(broken.page.startPageSlideShow.slideShowHolder0).id ? $('startPageSlideShowText') : $('startPageSlideShowText1');
        var nextText = broken.page.startPageSlideShow._last.id == $(broken.page.startPageSlideShow.slideShowHolder0).id ? $('startPageSlideShowText1') : $('startPageSlideShowText');
        
        var textImage = textColor == 'white' ?  '/images/startpage/startpage.text.white.png' : '/images/startpage/startpage.text.black.png';
        
        $(nextText.id).getElementsByTagName('IMG')[0].src = textImage;
        
        var oldImageWidth = parseInt($('featureHotelHolder').getElementsByTagName('IMG')[0].width);
        $('featureHotelHolder').style.width = oldImageWidth+'px';
        
        if(Prototype.Browser.IE){
            var imgTag = document.createElement('IMG');
            $('featureHotelHolder').replaceChild(imgTag, $('featureHotelHolder').getElementsByTagName('IMG')[0]);
            $('featureHotelHolder').getElementsByTagName('IMG')[0].src = '/images/hotels/feature_'+id+'.png';   
            var pic = new Image();
            pic.src = '/images/hotels/feature_'+id+'.png';
            if(pic.complete) broken.page.changeFeatureHotel()
            else pic.onload = broken.page.changeFeatureHotel;                 
        }else{
            $('featureHotelHolder').getElementsByTagName('IMG')[0].src = '/images/hotels/feature_'+id+'.png';
            $('featureHotelHolder').getElementsByTagName('IMG')[0].observe('load', broken.page.changeFeatureHotel);
        }
        
        new Effect.Appear($(nextText.id), {
            duration: 2.0, 
            afterFinish : function(){
                if (Prototype.Browser.IE){
                    $(nextText.id).style.setAttribute('filter', 'alpha(opacity=100)');
                    $(lastText.id).style.setAttribute('filter', 'alpha(opacity=0)');
                }else{                    
                    $(lastText.id).style.opacity = '0';
                    $(nextText.id).style.opacity = '100';
                }    
                $(lastText.id).style.zIndex = (broken.page.startPageSlideShow._z)+1;
            }
        });
        

    },
    
    changeFeatureHotel : function()
    {
        var imageWidth = parseInt($('featureHotelHolder').getElementsByTagName('IMG')[0].width);
        new Effect.Morph('featureHotelHolder', {
            duration: 1.0,
            style: {
                width: imageWidth+'px'
            }
        }) 
        
        if (!Prototype.Browser.IE)
            $('featureHotelHolder').getElementsByTagName('IMG')[0].stopObserving('load');
    },
    
    initHotelSlideShow : function()
    {
        var run = $('IsOnHotelStartPage').value == 'True' ? true : false;
        
        this.hotelSlideShow = new broken.slideShowEngine({
            url: '/Templates/Public/Data/GetImageList.aspx?lang=en&r='+(Math.round((Math.random()*5000000))),
            path: '/root/hotelimagescollecton/hotelimages/image[@IsStartPageImage=False]',
            targetWrapper: 'hotelSlideShow',
            toggleAction: broken.page.changeHotelText,
            run: run,
            useAll: false
         });       
    },
    
    changeHotelSlide : function(direction)
    {
        
        var timeOutId = this.hotelSlideShow.timeout;
        
        clearTimeout(timeOutId);
        this.hotelSlideShow.togglePictures('human', direction);
    },
    
    changeHotelText : function(direction)
    {
        if(this.pagelinkurl == '')
            $('pictureLabel').innerHTML = this.imagedescription;
        else
            $('pictureLabel').replaceChild(Builder.node('a',{ href: this.pagelinkurl }, this.imagedescription), $('pictureLabel').firstChild)
    },
    
    initQuickfinder : function(e, lang)
    {  
        if(!e) var e = window.event;
        
        try{
            e.preventDefault();
        }
            catch(err)
        {
            e.cancelBubble = true;
    	    e.returnValue = false;
        }
        
        if($('quickfinderWrapper')){
            broken.page.changeQuickfinderBtn();
            
            var topPx = $('mm-quickfinderClose') ? 0 : -(parseInt($('quickfinderContainer').clientHeight));
        
            new Effect.Morph('quickfinderContainer',{
                duration: 1.0,
                style:{
                    top: topPx + 'px'
                }
            });
        }else{
            var r = Math.round((Math.random()*5000000));
            broken.ajax.doAjax('/Templates/Public/Data/GetHotelList.aspx?lang='+lang+'&r='+r, broken.page.createQuickfinder);
        }
    },
    
    createQuickfinder : function(x)
    {
        var hotels = broken.xpath.selectNodes(x, '/root/hotels', true);
        var host = 'http://'+window.location.host;
        var swedenHotels = broken.xpath.selectNodes(hotels, '/country[@code=SE]/hotel', true);
        var norwayHotels = broken.xpath.selectNodes(hotels, '/country[@code=NO]/hotel', true);
        var denmarkHotels = broken.xpath.selectNodes(hotels, '/country[@code=DK]/hotel', true);
        var names = broken.xpath.selectNodes(hotels, '/country[@name]', false);
        
        var quickfinder = Builder.node('DIV', { id : 'quickfinderWrapper' });
        var container = Builder.node('DIV', { id : 'quickfinderContainer', className : 'clearfix' });
        var swedenList = Builder.node('UL', { id : 'swedenList' });
        var swedenList2 = Builder.node('UL', { id : 'swedenList2' });
        var norwayList = Builder.node('UL', { id : 'norwayList' });
        var denmarkList = Builder.node('UL', { id : 'denmarkList' });
        var swedenH3 = Builder.node('H3', { id : 'swedenH3', className: 'floatLeft' }, names[0].toString().toUpperCase());
        var norwayH3 = Builder.node('H3', { id : 'norwayH3' }, names[1].toString().toUpperCase());
        var denmarkH3 = Builder.node('H3', { id : 'denmarkH3' }, names[2].toString().toUpperCase());
        
        $('framework').appendChild(quickfinder);
        $('quickfinderWrapper').appendChild(container);
        $('quickfinderContainer').appendChild(swedenH3);
        $('quickfinderContainer').appendChild(norwayH3);
        $('quickfinderContainer').appendChild(swedenList);
        $('quickfinderContainer').appendChild(swedenList2);
        $('quickfinderContainer').appendChild(norwayList);
        $('quickfinderContainer').appendChild(denmarkH3);
        $('quickfinderContainer').appendChild(denmarkList);
        
        var l = 0;
        var uls = ['swedenList','swedenList2', 'norwayList', 'denmarkList'];
        
        for(var i = 0; i < swedenHotels.length; i++)
        {
            if(swedenHotels.length > i)
            {
                var item = swedenHotels[i];
                var nv = broken.xpath.findNodes(item, 'name', false, false);
                var link = broken.xpath.findNodes(item, 'link', false, false);
                var city = Prototype.Browser.IE ? item.attributes.getNamedItem("city").nodeValue : item.attributes.city.nodeValue;
                   
                var li = Builder.node('li', [
                    Builder.node('a', { href : host+link[0] }, [
                        Builder.node('strong', city.toString().toUpperCase()),
                        Builder.node('span', '//'),
                        Builder.node('span', nv[0].toString().toUpperCase())
                    ])
                ]);
                
                if(i > ((swedenHotels.length-1)/2))
                    $(uls[1]).appendChild(li);
                else
                    $(uls[0]).appendChild(li);
            }
        };
        
        for(var i = 0; i < norwayHotels.length; i++)
        {
            if(norwayHotels.length > i)
            {
                var item = norwayHotels[i];
                var nv = broken.xpath.findNodes(item, 'name', false, false);
                var link = broken.xpath.findNodes(item, 'link', false, false);
                var city = Prototype.Browser.IE ? item.attributes.getNamedItem("city").nodeValue : item.attributes.city.nodeValue;
                
                var li = Builder.node('li', [
                    Builder.node('a', { href : host+link[0] }, [
                        Builder.node('strong', city.toString().toUpperCase()),
                        Builder.node('span', '//'),
                        Builder.node('span', nv[0].toString().toUpperCase())
                    ])
                ]);
                $(uls[2]).appendChild(li);
            }
        };
        
        for(var i = 0; i < denmarkHotels.length; i++)
        {
            if(denmarkHotels.length > i)
            {
                var item = denmarkHotels[i];
                var nv = broken.xpath.findNodes(item, 'name', false, false);
                var link = broken.xpath.findNodes(item, 'link', false, false);
                var city = Prototype.Browser.IE ? item.attributes.getNamedItem("city").nodeValue : item.attributes.city.nodeValue;                
                
                var li = Builder.node('li', [
                    Builder.node('a', { href : host+link[0] }, [
                        Builder.node('strong', city.toString().toUpperCase()),
                        Builder.node('span', '//'),
                        Builder.node('span', nv[0].toString().toUpperCase())
                    ])
                ]);
                $(uls[3]).appendChild(li);
            }
        };
        
        broken.page.changeQuickfinderBtn();
        new Effect.Morph('quickfinderContainer',{
            duration: 1.0,
            style:{
                top: '0px'
            }
        });
    },
    
    changeQuickfinderBtn : function()
    {
        if($('mm-quickfinder'))
            $('mm-quickfinder').id = 'mm-quickfinderClose'; 
        else if($('mm-quickfinderClose'))
            $('mm-quickfinderClose').id = 'mm-quickfinder';
            
    }, 
    
    mapToggleMarker : function(sender, action)
    {
        var kind = sender.id.split('_')[0];
        var id = sender.id.split('_')[1];
        var link = kind == 'dotLink' ? 'mapLink_'+id : 'dotLink_'+id;
        
        if($(link)){
            if(action == 'active')
                $(link).addClassName('hover');
            else if(action == 'inactive')
                $(link).removeClassName('hover');
        }
    },
    
    quicksearch : function(sender)
    {
        if(sender.value.length > 1)
            broken.ajax.doAjax('/Templates/Public/Data/GetSearchResult.aspx?lang=en&searchQuery='+sender.value+'&r='+(Math.round((Math.random()*5000000))), null);
            
    },
    
    initMoveSlider : function()
    {
        /** Collect pushes **/ 
        this.pushesCollection = new Array();
                  
        $('framework').getElementsByClassName('startPageOffer').each(
            function(item){
                broken.page.pushesCollection.push(item);
                item.style.position = 'absolute';  
                item.style.left = '9000px';       
            }
        );
        
        if(this.pushesCollection.length == 3)
        {
            for(var i = 0; i < 3; i++)
            {
                var node = this.pushesCollection[i].cloneNode(true);
                $('startPageOffersSlider').appendChild(node);
                this.pushesCollection.push(node);
            }   
        }
        
        /** Íf  only 2 puches, no arrows willl be shown **/
        if(this.pushesCollection.length <= 2){
            $('startPageLeftArrow').style.display = 'none';
            $('startPageRightArrow').style.display = 'none';
        }
        this.currentPush = 0;
        
        this.pushesCollection[0].style.left = '0px';
        this.pushesCollection[1].style.left = '460px';
        
        this.calculatePushesPositions(this.currentPush);
    },
    
    calculatePushesPositions : function(currentPosition)
    {
        if(currentPosition == 0)
            var leftPush = this.pushesCollection[(this.pushesCollection.length - 1)];
        else
            var leftPush = this.pushesCollection[(currentPosition - 1)];
        
        if(currentPosition == (this.pushesCollection.length - 1))
            var rightPush = this.pushesCollection[1];
        else if(currentPosition == (this.pushesCollection.length - 2))
            var rightPush = this.pushesCollection[0];
        else
            var rightPush = this.pushesCollection[(currentPosition + 2)];
        
        if(this.pushesCollection[currentPosition].style.left == '')
            this.pushesCollection[currentPosition].style.left = '0px';
               
        /** Set styles for the pushes not visible **/     
        leftPush.style.left = (parseInt(this.pushesCollection[currentPosition].style.left) - 460) + 'px';
        rightPush.style.left = (parseInt(this.pushesCollection[currentPosition].style.left) + 920) + 'px';
    },
    
    moveSlider : function(sender, target)
    {
        /** Failsafe **/
        if(typeof this.failSafe == 'undefined' || !this.failSafe)
        {
            /** Set Failsafe **/
            this.failSafe = true;
            
            /** Getting the current position of the target **/
            var currentPosition = $(target).style.left;
            
            /** If currentPosition is not set, set it to 0 **/
            if(currentPosition == '')
                var currentPosition = 0;
                
            /** Let's set what way the slider should move **/
            var moveTo = sender == 'right' ? parseInt(currentPosition) - 460 : parseInt(currentPosition) + 460;
            
            /** currentPush is the first (to right) **/
            
            if(sender == 'right')
                this.currentPush = (this.currentPush++) >= (this.pushesCollection.length - 1) ? 0 : this.currentPush++;
            else
                this.currentPush = (this.currentPush--) <= 0 ? (this.pushesCollection.length-1) : this.currentPush--;
            
           
            
            /** Run Effect **/
            new Effect.Morph($(target),{
                duration: 0.5,
                style:{
                    left: moveTo+'px'
                }, 
                afterFinish: function()
                {
                    broken.page.failSafe = false
                    broken.page.calculatePushesPositions(broken.page.currentPush)
                }
            });
        }
    },
    
    toggleLanguageMenu : function()
    {
        /** Set display block to languageMenu **/
        var h = $('languageMenu').clientHeight == $('languageMenuWrapper').clientHeight ? 0 : $('languageMenu').clientHeight;
        new Effect.Morph('languageMenuWrapper', 
        {
            duration: 0.5,
            style:{
                height: h+'px'
            }
        });
    },
    
    doSearch : function(e, url)
    {
        if(!e) var e = window.event;
        
        try{
            e.preventDefault();
        }
            catch(err)
        {
            e.cancelBubble = true;
    	    e.returnValue = false;
        }
        
        var searchString = $('searchQuery').value;
        //debugger;
        window.location.href = url + '?searchQuery=' + searchString;
    },
    
    trySearch : function(e, url)
    {
        if(!e) var e = window.event;
        if(e && e.keyCode == 13)
            this.doSearch(e, url);
    },
    
    initStayFolderTable : function()
    {
        var links = $('collapsableTable').getElementsByClassName('collapsable_link');
        
        for(var i = 0; i < links.length; i++){
            $(links[i].getElementsByTagName('TD')[0]).getElementsByClassName('collapsable')[0].toggle();
            links[i].observe('click', function() { 
                this.getElementsByClassName('collapsable')[0].toggle();
                $(this.getElementsByTagName('TD')[1]).toggleClassName('down')
            });
       }
    },
    
    initStayFolderPress : function()
    {
        var links = $('press').getElementsByClassName('collapsable_link');
        
        for(var i = 0; i < links.length; i++){
            $(links[i].parentNode.parentNode).getElementsByClassName('collapsable')[0].toggle();
            links[i].observe('click', function() { 
                this.parentNode.parentNode.getElementsByClassName('collapsable')[0].toggle();
                this.toggleClassName('foldedout');
            });
       }
    }, 
    
    initStayHistory : function()
    {
        var links = $('stay_history').getElementsByClassName('collapsable_link');
        
        for(var i = 0; i < links.length; i++){
            $(links[i]).getElementsByClassName('collapsable')[0].toggle();
            links[i].observe('click', function() { 
                this.getElementsByClassName('collapsable')[0].toggle();
                this.toggleClassName('down');
            });
       }
    }    
}

broken.booking =
{
    roomObject : function(name, price, persons, children, guaranteemethod)
    {
	    this.Name = name;
	    this.Price = price;
	    this.Persons = persons;
	    this.Children = children;
	    this.GuaranteeMethod = guaranteemethod;
    },
    
    setRoom : function(sender, number, container, roomName, price, persons, children, guaranteemethod)
    {
        this.clearSelections(sender, container);
    
        var n = number == 1 ? 'One' : 'Two';
        var n = number == 3 ? 'Three' : n; 
        
        this.roomSelected = new this.roomObject(roomName, price, persons, children, guaranteemethod);
		
		$('ctl00_MainContentRegion_room'+n+'InfoPriceDataDt').className = "displayBlock";
		$('ctl00_MainContentRegion_room'+n+'InfoPriceDataDd').className = "displayBlock";
		$('Room'+n+'Info').innerHTML = this.roomSelected.Name;
		$('Room'+n+'Price').innerHTML = this.roomSelected.Price;
		
		this.setGuarantee(this.roomSelected, 'GX')
		this.setRoomPrices();
    },
    
    setGuarantee : function(r, g)
    {
        
        var requiredGuarantee = false;
	    var lateArrival = false;
	    var timeSelect = $('ctl00_MainContentRegion_EstimatedArrivalTime');
	
	    if(timeSelect != null){
		    if(parseInt(timeSelect.value) >= 18)
			    lateArrival = true;
        }
        
	    if(this.roomSelected.GuaranteeMethod == g)
		    requiredGuarantee = true;
	
	    if(requiredGuarantee || lateArrival)
	    {
		    $('CardInfo').style.display = 'block';
		    $('Guarantee').style.display = 'inline';
		    $('NoGuaranteeIntro').style.display = 'none';
		    $('NoGuaranteeText').style.display = 'none';
	    }
	    else
	    {
		    $('CardInfo').style.display = 'none';
		    $('Guarantee').style.display = 'none';
		    $('NoGuaranteeIntro').style.display = 'inline';
		    $('NoGuaranteeText').style.display = 'inline';	
	    }
    
    }, 
    
    changeArrivalTime : function()
    {
        var requiredGuarantee = false;
	    var lateArrival = false;
	    var timeSelect = $('ctl00_MainContentRegion_EstimatedArrivalTime');
	
	    if(timeSelect != null){
		    if(parseInt(timeSelect.value) >= 18)
			    lateArrival = true;
        }
        
	    if(this.roomSelected.GuaranteeMethod == 'GX')
		    requiredGuarantee = true;
	
	    if(requiredGuarantee || lateArrival)
	    {
		    $('CardInfo').style.display = 'block';
		    $('Guarantee').style.display = 'inline';
		    $('NoGuaranteeIntro').style.display = 'none';
		    $('NoGuaranteeText').style.display = 'none';
	    }
	    else
	    {
		    $('CardInfo').style.display = 'none';
		    $('Guarantee').style.display = 'none';
		    $('NoGuaranteeIntro').style.display = 'inline';
		    $('NoGuaranteeText').style.display = 'inline';	
	    }
    },
    
    setRoomPrices : function(r)
    {
        var roomSum = 0;
        
        if($('RoomOnePrice').innerHTML != 0)
            roomSum = (parseInt(roomSum) + parseInt($('RoomOnePrice').innerHTML));
        
        if($('RoomTwoPrice').innerHTML != 0)
            roomSum = (parseInt(roomSum) + parseInt($('RoomTwoPrice').innerHTML));
        
        if($('RoomThreePrice').innerHTML != 0)
            roomSum = (parseInt(roomSum) + parseInt($('RoomThreePrice').innerHTML));
	
	    if(roomSum > 0)
	    {
		    $('ctl00_MainContentRegion_totalRoomPricesDt').className = "displayBlock totalPrice";
		    $('ctl00_MainContentRegion_totalRoomPricesDd').className = "displayBlock totalPrice";
		    
		    $('TotalRoomPricesInfo').innerHTML = roomSum;
	    }
    },
    
    clearSelections : function(sender, container)
    {
        var inputs = $(container).getElementsByTagName('INPUT');
        for(var i = 0; i < inputs.length; i++)
        {
            var item = inputs[i];
            if(item.type == 'radio' || item.getAttribute('type') == 'radio'){
                item.checked = false;
                $(item.parentNode.parentNode).removeClassName('marked');
            }
        };
        sender.checked = true;
        sender.parentNode.parentNode.addClassName('marked');
    }, 
    
    loadRooms : function(startText, stoppText)
    {
       
        if (window.scrollY) {    // Firefox
           var _y = window.scrollY;
        } else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
           var _y = document.documentElement.scrollTop;
        }
        
        if(typeof document.body.style.maxHeight == "undefined"){
            var selects = $('framework').getElementsByTagName('select');
            for(var i = 0; i < selects.length; i++)
                selects[i].style.display = 'none';
        }
        
        var loaderBoxBackground = Builder.node('DIV', {className: 'roomLoaderBackground'});
        var loaderBox = Builder.node('DIV', {className: 'roomLoaderBox', id:'roomLoader'}, [
            Builder.node('H1', startText),
            Builder.node('img', { src: '/images/animering.gif', alt: 'Loading...' }),
            Builder.node('P', stoppText)
        ]);

        loaderBoxBackground.style.height = $('framework').clientHeight+'px';
		loaderBox.style.top= (_y+200) + "px";
		loaderBox.style.left= ((document.body.clientWidth/2) - 125) + "px";
		
		document.body.appendChild(loaderBox);
		document.body.appendChild(loaderBoxBackground);
		
	    //new Effect.Opacity('roomLoader', { duration: 1.0, from: 0, to: 0.99 });

    },
    
    toggleRoomInfo : function(sender)
    {
        var div = sender.parentNode.parentNode.parentNode;
        
        if(div.className == 'normal')
            div.className = 'expanded';
        else
            div.className = 'normal';
    
    },
    
    onload : function()
    {
        var rooms = ['roomOneWrapper','roomTwoWrapper','roomThreeWrapper']
        for(var i = 0; i < rooms.length; i++)
        {
            if($(rooms[i])){
                var cb = $(rooms[i]).getElementsByTagName('INPUT');
                if(cb.length > 0){
                    for(var j = 0; j < cb.length; j++)
                    {
                        if(cb[j].checked)
                        {
                            var s = cb[j].attributes.onclick.value.split(',');
                            broken.booking.setRoom(cb[j], parseInt(s[1]), s[2].split('"')[1], s[3].split('"')[1], s[4].split('"')[1], s[5].split('"')[1], s[6].split('"')[1], s[7].split(')')[0].split('"')[1]);
                        }
                    }
                }
            }
        }
    }
}

broken.ajax = 
{
    doAjax : function(url, callback)
    {
        /** need error handling **/
        new Ajax.Request(url, {
          onSuccess: function(transport) {
            callback(transport.responseXML);
          }
        });
    }
}
 
broken.googleMaps = 
{
	init : function()
	{
		if (GBrowserIsCompatible()) {
			var mapHolder = $('mapHolder');
			
			map = new GMap2(mapHolder);
			
			map.setCenter(new GLatLng(61.5, 8), 5);
			
		}
	}, 

    initialize : function()
    {
    
    
            
//        if(GBrowserIsCompatible() && $('inTheAreaMapHolder')) {
//            map = new GMap2($('inTheAreaMapHolder'));
//            map.setCenter(new GLatLng(37.4419, -122.1419), 13);
//            map.addControl(new GLargeMapControl());
//            
//            gdir = new GDirections(map, $('directions'));
//            GEvent.addListener(gdir, "error", broken.googleMaps.handleErrors);
//            GEvent.addListener(gdir,"load", function() {
//                G_START_ICON.shadow = '';
//                G_START_ICON.iconSize = new GSize(21, 21);               
//                G_START_ICON.iconAnchor = new GPoint(10, 21);               
//                G_START_ICON.image = $('directionsFrom').checked ? '/images/clear.gif' : '/images/map.arrow.small.gif';
//                G_END_ICON.shadow  = '';
//                G_END_ICON.iconSize = new GSize(21, 21);               
//                G_END_ICON.iconAnchor = new GPoint(10, 21);               
//                G_END_ICON.image = $('directionsTo').checked ? '/images/clear.gif' : '/images/map.arrow.small.red.gif';
//            });
//            
//            GEvent.addListener(gdir,"addoverlay", function() {
//                var icons = $('directions').getElementsByTagName('IMG');
//                icons[0].src = '/images/map.arrow.small.gif';
//                icons[0].style.margin = '5px';
//                icons[1].src = '/images/map.arrow.small.red.gif';
//                icons[1].style.margin = '5px';
//            });
//            
//            mgr = new MarkerManager(map);
//            markers = new Array();
//            this.getInTheAreaMarkers();
//            
//        }
    }, 
   
    tryGetDirections : function(e, locale)
    {
        if(!e) var e = window.event;
        if(e && e.keyCode == 13)
            this.getDirections(locale)
    },
    
    getDirections : function(e, locale) {
        if(!e) var e = window.event;
        
        try{
            e.preventDefault();
        }
            catch(err)
        {
            e.cancelBubble = true;
    	    e.returnValue = false;
        }
    
        $('errorDirections').innerHTML = '';
        $('directions').innerHTML = '';
          
        var vcard = document.getElementsByClassName('vcard')[0];  
        var city = vcard.getElementsByClassName('locality')[0].innerHTML;
        var country = vcard.getElementsByClassName('country-name')[0].innerHTML;
        
        if(!$('directionsFrom').checked && !$('directionsTo').checked){
            this.handleErrors('You didn\'t check what direction you want to go');
            return;
        }
        if($('toFromInput').value.length == 0){
            this.handleErrors('You must enter an address.');
            return;
        }
        
        if($('directionsFrom').checked)
            var fromAddress = this.getHotelAddress();
        else
            var fromAddress = $('toFromInput').value + ' ' + $('toFromInputCity').value + ' ' + country;

        if($('directionsTo').checked)
            var toAddress = this.getHotelAddress();
        else
            var toAddress = $('toFromInput').value + ' ' + $('toFromInputCity').value + ' ' + country;
       
        gdir.load("from: " + fromAddress + " to: " + toAddress, { "locale": locale , getPolyline:true});
        
    },
    
    getHotelAddress : function()
    {
        var vcard = document.getElementsByClassName('vcard')[0];
        var name = vcard.getElementsByClassName('url fn org')[0].innerHTML;
        var haddress = vcard.getElementsByClassName('street-address')[0].innerHTML;
        var city = vcard.getElementsByClassName('locality')[0].innerHTML;
        var country = vcard.getElementsByClassName('country-name')[0].innerHTML;
        
        return (haddress+' '+city+' '+country);
    },
    
    getInTheAreaMarkers : function()
    {
        var hotelAddress = this.getHotelAddress();
        
        var address = [hotelAddress];
        this.doGoogleRequests(address, 0)     
        
    }, 
    
    doGoogleRequests : function(address, i, center)
    {
        if(address.length == i)
        {
            mgr.addMarkers(markers, 12);
            mgr.refresh();
        }else{
            var geocoder = new GClientGeocoder();
            geocoder.getLatLng(address[i],
                function(point) {
                    var icon = new GIcon();
                    icon.iconSize = i == 0 ? new GSize(21, 57) : new GSize(21, 21);
                    icon.iconAnchor = i == 0 ? new GPoint(10, 55) : new GPoint(10, 21);
                    icon.image = i == 0 ? '/images/map.arrow.big.gif' : '/images/map.arrow.small.gif';
                    
                    if (point)
                        markers.push(new GMarker(point, icon));
                    else
                        throw(address[i] + " not found, while point is "+point);
                        
                    if(i == 0) map.setCenter(point, 13); 
                    broken.googleMaps.doGoogleRequests(address, ++i);
                }
            );
        } 
    },
   
    handleErrors : function(message)
    {
        if(typeof message == 'string')
            $('errorDirections').innerHTML = (message);
        else if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
	        $('errorDirections').innerHTML = ("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " + gdir.getStatus().code);
	    else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
	        $('errorDirections').innerHTML = ("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code);
	   
	    else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
	        $('errorDirections').innerHTML = ("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);
       
        else if (gdir.getStatus().code == G_GEO_BAD_KEY)
	        $('errorDirections').innerHTML = ("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code);

	    else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
	        $('errorDirections').innerHTML = ("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);
	    
	    else $('errorDirections').innerHTML = ("An unknown error occurred."+message);
	   
    
    }  
}

broken.util = 
{
	addEvent : function(elem, event, func)
	{
		var elem = this.getElement(elem);
        
        if (elem.addEventListener)  // W3C DOM
            elem.addEventListener(event,func,false);
        else if (elem.attachEvent)  // IE DOM
            elem.attachEvent('on'+event, function(){ func(new broken.util.W3CDOM_Event(elem)) } );
            // for IE we use a wrapper function that passes in a simplified faux Event object.
        else throw 'cannot add event listener';
    },
    
    gotoPage : function(page)
    {
        if(typeof page == 'undefined')
            var page = window.location.href;
            
        window.location.href = page;
    },
    
    W3CDOM_Event : function(currentTarget)
    {
        this.currentTarget  = currentTarget;
        this.preventDefault = function() { window.event.returnValue = false }
        return this;
	},
	
	getElement : function(elem)
	{
	    if (document.getElementById) {
            if (typeof elem == "string") {
                elem = document.getElementById(elem);
                if (elem===null) throw 'cannot get element: element does not exist';
            } else if (typeof elem != "object") {
                throw 'cannot get element: invalid datatype';
            }
        } else throw 'cannot get element: unsupported DOM';
        return elem;
	},
	
	getY : function(o)
	{
	   var __y = 0;
       while( o != null ) {
            __y += o.offsetTop;
            o = o.offsetParent;
        }
        return __y;
	},
	
	getX : function(o)
	{
	   var __x = 0;
       while( o != null ) {
            __x += o.offsetLeft;
            o = o.offsetParent;
        }
        return __x;
	}
}



broken.xpath = 
{
    selectNodes : function(o, p, rn)
    {
         /** 
            USAGE: broken.xpath.selectNodes([xml object/node], [path(i.e. '/root', '/root/node'], [true or false]);
            
            Syntax: /root/node, /root/node[searchValue], /root/node/[@id=123]
            
            Gets singel xml node, if there's more then one with the same name the first one will be returned.
            o = xml object/xml node
            p = path
            rn = If ture, will return xml node insteed of node value
             
        **/
        
        // If rn is not set
        //if(typeof this.rn == 'undefined')
        this.rn = rn;
        
        this.r = new Array();
        this.depth = 0;
        
        //Split in to an array
        this.path = p.split('/');
        //Get rid of empty, this is only due to syntax should look /root/node not root/node
        if(this.path[0] == '') this.path.shift(); 
        
        this.getNodes(o, this.path);
        
        return this.r;
        
    },
    
    getNodes : function(o, path)
    {
        // Needs better implemetation of recognition of []
        if(this.path[this.depth].indexOf('[') != -1)
        {
            var p = this.path[this.depth].split('[')[0];
            var s = this.path[this.depth].split('[')[1].split(']')[0];
        }else{
            var s = false;
            var p = this.path[this.depth];
        }
        
        var rv = (this.depth + 1) == this.path.length? this.rn : true;
        
        var n = this.findNodes(o, p, rv, s)
        
        // Needs improvde check if n is empty or not
        try
        {
            if(this.depth == this.path.length || (n[0].firstChild.nodeType == 3 && n[0].childNodes.length == 1))
            {
                var node = n[0];
                if(rv)
                    this.r.push(node);
                else
                    this.r.push(node.firstChild.nodeValue);        
            }else if(n.length){
                this.depth++;
                for(var i = 0; i < n.length; i++)
                {
                    if(this.depth < this.path.length)
                        this.getNodes(n[i], path);
                    else if(rv && typeof n[i] != 'undefined')
                        this.r.push(n[i]);    
                }
                this.depth--;
            }        
        }catch(err){
            for(var i = 0; i < n.length; i++)
            {
                if(typeof n[i] != 'undefined')
                    this.r.push(n[i]);    
            }
        }
        // If length = 1 let's return a string/object insteed of an arrat
        //return node;    
    },
    
    findNodes : function(o, n, rv, s)

    {
         /** 
		    Trying to find child nodes of o(xml object/node) named n(name)
    		Rreturn xml node if rv is true, else xml value
            Does ONLY check first level down
		**/ 
        
        var a = new Array();
        var items = new Array();
        var nodeList = o.childNodes || o[0].childNodes; 
		
		for(var i = 0; i < nodeList.length; i++)
		{
		    if(nodeList[i].nodeName == n)
		    {
		        /** I can't belive this worked, frackin' unbelievable! A real shoot inte the dark **/
		        var ts = (this.depth == (this.path.length - 1)) ? s : false;
		        
			    var f = this.findNode(nodeList[i], true, ts);
			    
			    if(typeof f != 'boolean') items.push(f);
		    }
		}
		
    	if(items.length == 0) return false;
        if(items.length == 1 && rv) return items;
		
		for(var i = 0; i < items.length; i++)
		{
		    if(items[i].nodeName == n)
		    {
			    var f = this.findNode(items[i], rv, s);
			    if(typeof f != 'boolean') a.push(f);
		    }
		}

        return a;
    }, 

	findNode : function(node, rv, s)
	{
		var r = rv ? node : node.firstChild.nodeValue;

		if(!s || s == node.firstChild.nodeValue) return r;
        
        if(s.indexOf('=') != -1){
		    var attributes = s.split('@')[1].split('=');
			try{
				if(Prototype.Browser.IE)
				{
					if(node.attributes.getNamedItem(attributes[0]).nodeValue == attributes[1]) return r;
				}else{
					if(node.attributes[attributes[0]].nodeValue == attributes[1]) return r; 
				}
			}catch(err){}
		}else if(s.indexOf('@') != -1){
			var attributes = s.split('@')[1];
			try{
				if(Prototype.Browser.IE){
					if(node.attributes.getNamedItem(attributes).nodeValue) return rv ? r : node.attributes.getNamedItem(attributes).nodeValue;
				}else{
					if(node.attributes[attributes].nodeValue) return rv ? r : node.attributes[attributes].nodeValue;  
				}
			}catch(err){}
		}
		return false;
	}
}

broken.slideShowEngine = Class.create();

broken.slideShowEngine.prototype = 
{
    initialize : function(arguments) 
    {
        Object.extend(this, arguments);
       
        var _this = this;
        var data = new Ajax.Request(this.url, { onSuccess: _this.storeData.bind(this) });
    },
    
    storeData : function(data)
    {
        var x = data.responseXML;
        
        this.imageData = broken.xpath.selectNodes(x, this.path, true);
        this.imageArray = new Array();
        
        for(var i = 0; i < this.imageData.length; i++)
        {
            var imageObject = new broken.imageObject(this.imageData[i]);
            if(this.useAll)
                this.imageArray.push(imageObject);
            else if($('hotelIdHidden').value == imageObject.hotelId)
                this.imageArray.push(imageObject);
        }
        
        this.bootup();
    },
    
    bootup : function()
    {
        this.currentPosition = this.firstCount();
        this.slideShowHolder0 = $(this.targetWrapper).getElementsByTagName('DIV')[0].id;
        this.slideShowHolder1 = $(this.targetWrapper).getElementsByTagName('DIV')[1].id;
        this._z = 101;
        this._last = $(this.slideShowHolder0);
        this.failsafe = false;
        
        if(Prototype.Browser.IE)
            $(this.slideShowHolder1).style.setAttribute('filter', 'alpha(opacity=0)');
        
        
        var _this = this;
        if(this.run)
            this.timeout = setTimeout(function(){
                _this.togglePictures('engine', 'next')
            }, 10000);
    },
    
    togglePictures : function(sender, direction)
    {
        if(this.failsafe) return;
        
        if(direction == 'next')
            ++this.currentPosition;
        else if(direction == 'previous')
            --this.currentPosition;
        
        this.failsafe = true;
        
        if(this.currentPosition >= (this.imageArray.length)) this.currentPosition = 0;
        if(this.currentPosition < 0) this.currentPosition = (this.imageArray.length -1);
        
        for(x in this.imageArray[this.currentPosition])
            try 
            {
                this[x] = this.imageArray[this.currentPosition][x];
            }catch(err){}
        
        var last = this._last.id == $(this.slideShowHolder0).id ? $(this.slideShowHolder0) : $(this.slideShowHolder1);
        var next = last.id == $(this.slideShowHolder0).id ? $(this.slideShowHolder1) : $(this.slideShowHolder0);
        var _this = this;
        var duration = sender == 'human' ? 0.5 : 2.0;
        
        $(next.id).getElementsByTagName('IMG')[0].src = this.imagepath;
        $(next.id).style.zIndex = this._z;
        
        new Effect.Opacity($(next.id), { 
            duration: duration, 
            from: 0, 
            to: 1.0,
            afterFinish : function(){
                if (Prototype.Browser.IE){
                    $(last.id).style.setAttribute('filter', 'alpha(opacity=0)');
                }else{
                    $(last.id).style.opacity = '0';                    
                    $(next.id).style.opacity = '100';
                }
                _this.failsafe = false;
            } 
        });
        
        if(typeof this.toggleAction != 'undefined')
            this.toggleAction();
        
        this._last = next;
        this._z = (this._z+2);
        
        
        
        var _this = this;
        this.timeout = setTimeout(function(){
            _this.togglePictures('engine', 'next')
        }, 10000);
    },
    
    firstCount : function()
    {
        var firstCount = this.findFirstImage();
        return firstCount >= (this.imageArray.length - 1) ? 0 : firstCount;
    },
    
    findFirstImage : function()
    {
        var imageInPage = $(this.targetWrapper).getElementsByTagName('IMG')[0].src;
        for(var i = 0; i < this.imageArray.length; i++)
            if(imageInPage.indexOf(this.imageArray[i].imagepath) != -1) return i;
            
        return 0;
    }    
}

broken.imageObject = Class.create();
broken.imageObject.prototype = 
{
    initialize : function(data)
    {
        for(var i = 0; i < data.childNodes.length; i++){
            try{
                if(data.childNodes[i].nodeType == 1)
                    this[data.childNodes[i].nodeName] = data.childNodes[i].firstChild.nodeValue;
            }catch(err){}
        }
    }    
}


broken.util.addEvent(window, 'load', broken.page.initialize);