function closeMovie () {
	if ($('movieDIV')) {
		$('movieDIV').setStyle('display', 'none');
			if ($('flashBox') && window.ie) {
			$('flashBox').setStyle('display', 'block');
		}
	}
}	

function styleSelect(el) { // el: element instance or id of element

    // settings
    var animSpeed = 350; // ms

    if(typeof(el) == 'string') {
        el = document.getElementById(el);
    }

    var clickarea = document.createElement('div');
    var selected = document.createElement('div');
    var options = document.createElement('div');
    var optionsTimer;

    $(clickarea).addClass('select_clickarea');
    $(selected).addClass('select_selected');
    selected.innerHTML = '-- wybierz --';
    $(options).addClass('select_options');

    clickarea.appendChild(selected);

    var select_opts = new Array();
    var val;
    var opt;

    $(el).getElements('select option').each(function(item, index) {
        var opt = item.innerHTML;
        var val = item.index;

        var select_opt = document.createElement('div');
        var opt_val = document.createElement('div');

        $(select_opt).addClass('select_opt');
        $(opt_val).addClass('opt_val');

        select_opt.innerHTML = opt;
        opt_val.innerHTML = val;
   
        select_opt.appendChild(opt_val);

        options.appendChild(select_opt);
    });

    $(options).set('opacity', 0);
    $(el).getElement('select').setStyle('display', 'none');
    el.appendChild(clickarea);
    el.appendChild(options);

    el.getElement('.select_clickarea').addEvents({
        'click': function() {
            var optionsDiv = this.getNext('div');
            var fx = new Fx.Tween(optionsDiv, {duration: animSpeed});

            if(optionsDiv.getStyle('display') == 'block') {
                fx.addEvents({
                    'complete': function(el) {
                        el.setStyle('display', 'none');
                    }
                });

                fx.start('opacity', [1, 0]);
            } else {
                optionsDiv.setStyle('display', 'block');
                fx.start('opacity', [0, 1]);
            }
        },
        'mouseout': function() {
            optionsTimer = (function() {
                var optionsDiv = this.getNext('div');
                var fx = new Fx.Tween(optionsDiv, {duration: animSpeed});

                if(optionsDiv.getStyle('display') == 'block') {
                    fx.addEvents({
                        'complete': function(el) {
                            el.setStyle('display', 'none');
                        }
                    });
                    fx.start('opacity', [1, 0]);
                }
                $clear(optionsTimer);
            }).periodical(500, this);
        },
        'mouseover': function() {
            $clear(optionsTimer);
        }
    });

    $(options).addEvents({
        'mouseout': function() {
            optionsTimer = (function() {
                var fx = new Fx.Tween(this, {duration: animSpeed});

                fx.addEvents({
                    'complete': function(el) {
                        el.setStyle('display', 'none');
                    }
                });
                
                fx.start('opacity', [1, 0]);
                $clear(optionsTimer);
            }).periodical(500, this);
        }
    });

    $(options).getElements('div').addEvents({
        'mouseover': function() {
            this.toggleClass('select_opt_hover');
            $clear(optionsTimer);
        },
        'mouseout': function() {
            this.toggleClass('select_opt_hover');
        },
        'click': function() {
            var fx = new Fx.Tween(this.parentNode);

            this.getParent().getParent().getElement('.select_selected').innerHTML = this.innerHTML;

            el.getElement('select').selectedIndex = this.getChildren('.opt_val')[0].innerHTML;

            fx.addEvents({
                'complete': function(el) {
                    el.setStyle('display', 'none');
                }
            });

            fx.start('opacity', [1, 0]);
        }
    });

    $(el).getElement('select').setStyle('display', 'none');
}

window.addEvent('domready', function() {

    $$('a[href^=mailto]').each(function(el) {
        var name = $(el).get('title');
        var domain = $(el).get('rel');
        $(el).set('href', 'mailto:' + name + '@' + domain);
        $(el).innerHTML = name + '@' + domain;
    });

    $$('div[class^=drukuj_btn]').set('opacity', 0.1).addEvents({
        'click': function() {
            //window.print();
            var url = '' + window.location;
            var htmlPos = url.indexOf('.html');
            var newUrl = url.slice(0, htmlPos);

            newUrl += '/drukuj.html';
            window.open(newUrl, "Drukuj", "noresize=0,scrollbars=yes,marginheight=0,marginwidth=0,width=800,height=600,top=100,left=100");
        },
        'mouseover': function() {
            //$(this).addClass('drukuj_btn_mover');
            $(this).set('tween', {duration: 200}).tween('opacity', 1);
        },
        'mouseout': function() {
            //$(this).removeClass('drukuj_btn_mover');
            $(this).set('tween', {duaration: 200}).tween('opacity', 0.1);
        }
    });

    /*
    $$('.powrot_btn').addEvents({
        'click': function() {
            history.back();
        }
    });
    */ 
    
    $$('.browse_cal').addEvents({
        'click': function() {
            var cal = new CalendarPopup('caldiv');

            cal.select(this.getPrevious('input'), this.get('id'), 'dd/MM/yy');

            $('caldiv').setStyles({ left: '0px', top: '0px', display: 'block' });
            $('caldiv_bg').setStyles({ left: '0px', top: '0px', display: 'block' }); 

            return false;
        }
    });  

    $$('.reserve_btn').addEvents({
        'click': function() {
           $('rezerwacja').submit();
        }
    });

    $$('#guestbookaddform_sendbtn').addEvents({
        'click': function() {
            if($('gnick').get('value') != '' && $('gemail').get('value') != '' && $('gtext').get('value') != '') {
                $('gbook').submit();
            } else {
                alert('Aby dodać wpis proszę wypełnić pola: \'Nick\', \'Email\' oraz \'Treść\'.');
            }
        }

    });

    $$('#dopiszsiedoksiegi').addEvents({
        'click': function() {
            document.location = 'goscie/dodaj.html';
        }
    });

    $$('#dopiszsiedoksiegi_hover').set('opacity', 0.1).addEvents({
        'mouseover': function() {
            $(this).set('tween', {duration: 200}).tween('opacity', 1);
        },
        'mouseout': function() {
            $(this).set('tween', {duration: 200}).tween('opacity', 0.1);
        }
    });



    var movies = $$('a.movieplay');

	movies.each(function (el, key) {
		el.addEvent('click', function() {
			if ($('flashBox') && window.ie) {
				$('flashBox').setStyle('display', 'none');
			}


			closeMovie();
			var url = this.href;
			var movieC = $(document.createElement('div'));
			movieC.id = 'movieDIV';
			var clientWidth = window.getWidth();
			var clientHeight = window.innerHeight;
			var clientScrollTop = window.getScrollTop();
			if(window.ie){
				clientWidth = document.documentElement.clientWidth;
				clientHeight = document.documentElement.clientHeight;
				clientScrollTop = document.documentElement.scrollTop;
			}
			movieC.setStyle('top', Math.round((clientHeight - 415)/2) + clientScrollTop);
			movieC.setStyle('left', Math.round((clientWidth - 475)/2));
			movieC.injectTop($(document.body));
			//document.body.appendChild(movieC);
			if (url) {
				var ajaxODP = new Request ({
                    url: url,
					method: 'get',
					onSuccess: function (ytLink) {
                        movieC.innerHTML = ytLink;
						var text = movieC.innerHTML;
						text = text + '<a href="#" onclick="closeMovie(); return false;" id="movieDIVClose">x zamknij</a>';
						movieC.innerHTML = text;

					}
				});
                ajaxODP.send();
			}

		});
	});



    // galeria
    var linki = $$('#myGallery a');
    linki.each(function(el){
        //alert(el.firstChild.alt);
    });

    var fotek = linki.length;

if($('mask')) {
    var maskh1 = $('mask').getElement('h1');
    //var maskh1 = $E('#mask h1');
    var zTekstem = [maskh1].concat(linki);
    //alert(zTekstem);
			
    var boxFx = new Fx.Elements(zTekstem, {wait: false, duration: 1500});

    var obecneFoto = 0;
    var poprzednieFoto = linki.length-1;
    var nastepneFoto = 1;

    var mask = $('mask');
    mask.onclick = function(){
        window.location = linki[poprzednieFoto].href;
    }
    mask.setStyle('cursor', 'pointer');

    function zmienFoto(){
        maskh1.setStyle('display', 'none');
        setTimeout(function() {
            boxFx.set({
                '0': {
                'opacity': 0,
                'padding-top': 0
                }
            });
            
            maskh1.innerHTML = linki[obecneFoto].firstChild.alt;
            maskh1.setStyle('display', 'block');

            nastepneFoto = obecneFoto+1;
            if(nastepneFoto >= fotek) {
                nastepneFoto = 0;
            }

            var options = {
                '0': {
                    'opacity': 1,
                    'padding-top': 80
                }
            };

            //linki[obecneFoto].setStyle('z-index', 3);
            options[(poprzednieFoto+1)+''] = {'opacity': 0};

            for(var i = 0; i < fotek; i++) {
                if(i == obecneFoto) {
                    linki[i].setStyle('z-index', 2);
                    linki[i].setStyle('opacity', 1);
                } else if(i == poprzednieFoto) {
                    linki[i].setStyle('z-index', 3);
                    linki[i].setStyle('opacity', 1);
                } else {
                    linki[i].setStyle('opacity', 1);
                    linki[i].setStyle('z-index', 1);
                }
            }

            poprzednieFoto = obecneFoto;
            obecneFoto++;
            if(obecneFoto >= fotek){
                obecneFoto = 0;
            }

            boxFx.start(options);
        }, 0);
        
        setTimeout(zmienFoto, 3000);
    };
    zmienFoto();
}

	$$('img.ramka').each(function(el) {
        var imgWrap = document.createElement('div');
        var krzak = document.createElement('div');
        var img = $(el);
        var float = $(img).getStyle('float');

        $(imgWrap).addClass('imgWrap');
        $(imgWrap).setStyle('float', float);
        $(krzak).addClass('krzak');

        imgWrap.appendChild(krzak);
        el.parentNode.replaceChild(imgWrap, el);
        imgWrap.appendChild(el);

    });

    //makeScrollbar($('cText'), $('scrollbar1'), $('handle1'));
    if ($('hContent')) { 
    		makeScrollbar($('hContent'), $('scrollbar1'), $('handle1'));
    } else if($('cText')) {
    		makeScrollbar($('cText'), $('scrollbar1'), $('handle1'));
    }

    var oferty = $$('#nav a');

    oferty[0].setStyle('top', '62px');
    oferty[1].setStyle('top', '86px');
    oferty[2].setStyle('top', '111px');
});