function closeMovie () {
	if ($('movieDIV')) {
		$('movieDIV').setStyle('display', 'none');
        $('shadowBG').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 = choose;
    $(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 = '<nobr>' + item.innerHTML + '</nobr>';
        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');
        if ($(item.parentNode).id == 'rodz_pok') $(select_opt).setStyle('width', 180);
        else $(select_opt).setStyle('width', 80);

        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) {
        if(!el.hasClass('guestbooknick')) {
            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);
        }
    });

    $$('div[class^=reserve_btn]').set('opacity', 0.1).addEvents({
        'click': function() {
            $('rezerwacja').submit();
        },
        'mouseover': function() {
            $(this).set('tween', {duration: 200}).tween('opacity', 1);
        },
        'mouseout': function() {
            $(this).set('tween', {duration: 200}).tween('opacity', 0.1);
        }
    });

    /*
    $$('.powrot_btn').addEvents({
        'click': function() {
            history.back();
        }
    });
    */

   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 shadowBg = $(document.createElement('div'));
            shadowBg.id = 'shadowBG';
            shadowBg.setStyles({
                'width': window.getWidth(),
                'height': window.getHeight()+300,
                'position': 'absolute',
                'left': '0px',
                'top': '0px',
                'background': '#000000',
                'z-index': 2
            });

            shadowBg.set('opacity', 0.6);
            shadowBg.injectTop($(document.body));

			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();
			}

		});
	});

    $$('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);

    });
    
  /*   var _linki = $$('a'); 
    
    _linki.each(function (el) {
    	var el_href = el.href.split('#');
    	if (el_href[1]) {
	    	_linki.each(function (el2) {
	    		if (el2.getAttribute('name') == el_href[1]) {
	    			kotwica = el2.offsetTop;
	    		}
	    	});
	    	if (kotwica != '') {
				el.addEvents({
	   			'click': function (el) {
		   			alert(kotwica);
	   			}
				});
			}
    	}
    });*/

    if ($('hContent')) {
    		makeScrollbar($('hContent'), $('scrollbar1'), $('handle1'));
    } else if($('cText')) {
    		makeScrollbar($('cText'), $('scrollbar1'), $('handle1'));
    } 
    //makeScrollbar($('hContent'), $('scrollbar1'), $('handle1')); 
    
    $$('.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;
        }
    }); 
   
    styleSelect('rodz_pok_wrapper');
    styleSelect('ile_pok_wrapper'); 

    $$('#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 oferty = $$('#nav a');

    oferty[0].setStyle('top', '58px');
    oferty[1].setStyle('top', '82px');
    oferty[2].setStyle('top', '107px');
});