window.addEvent('domready', function() {    
    
    // START: Form functions
    /**
    *    DHTML email validation script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/)
    *    Modifyed by Matej Balantič, bCMS (http://balantic.si/)
    */
    function echeck(str) {
        var at="@"
        var dot="."
        var lat=str.indexOf(at)
        var lstr=str.length
        var ldot=str.indexOf(dot)
        
        if (str.indexOf(at) == -1){
           return false;
        }
        if (str.indexOf(at) == -1 || str.indexOf(at) == 0 || str.indexOf(at) == lstr){
           return false;
        }
        if (str.indexOf(dot) == -1 || str.indexOf(dot) == 0 || str.indexOf(dot) == lstr){
            return false;
        }
        if (str.indexOf(at,(lat+1)) != -1){
            return false;
        }
        if (str.substring(lat-1,lat) == dot || str.substring(lat+1,lat+2) == dot){
            return false;
        }
        if (str.indexOf(dot,(lat+2)) == -1){
            return false;
        }
        if (str.indexOf(" ") != -1){
            return false;
        }
        return true;
    }
    
        if ($('photoContainer')) {
            
            var image_count = 0;
            $ES('li', $('photoContainer')).each(function (thumb) {
                thumb.addEvent('click', function(e) {
                    e = new Event(e).stop();
                    
                    var href = $ES('a', thumb).getProperty('href');
                    var title = $ES('img', thumb).getProperty('title');
                    
                    //hide image
                    var imageFx = new Fx.Elements( $('bigImage'), {
                        onComplete: function() {
                            
                            $('bigImage').setProperty('src', href);
                            $('bigImage').setProperty('title', title);
                            $$('div[id=description]').setHTML(title);
                            
                            $('bigImage').addEvent('load', function() {
                                
                                //show image
                                var imageFx2 = new Fx.Elements( $('bigImage'));
                                imageFx2.start({
                                    '0': {
                                        'opacity': [0, 1]
                                    }
                                });
                                var titleFx2 = new Fx.Elements( $$('div[id=description]'));
                                titleFx2.start({
                                    '0': {
                                        'opacity': [0, 1]
                                    }
                                });
                            });
                        }
                    });
                    imageFx.start({
                        '0': {
                            'opacity': [1, 0]
                        }
                    });
                    
                    var titleFx = new Fx.Elements( $$('div[id=description]'));
                    titleFx.start({
                        '0': {
                            'opacity': [1, 0]
                        }
                    });
                    
                });
                
                image_count++;
            
            });

            if (window.opera) {
                var opera_image_count = 0;
                var position_array = [];
                $ES('li', $('photoContainer')).each( function(t) {
                    opera_image_count++;
                    var position = t.getPosition();
                    position_array[opera_image_count] = position['x']-440;
                });
            }
            
            if ($('gallery_left') || $('gallery_right')) {
                $('gallery_left').setStyle('visibility','hidden');
                
                if (image_count <= 4) {
                    $('gallery_right').setStyle('visibility','hidden');
                }
                
                var current = 1;
                var scroll = new Fx.Scroll('photoContainer', {
                    duration: 500,
                    offset: {'x': -10, 'y': 0},
                    transition: Fx.Transitions.Quad.easeInOut
                });
                
                if (window.ie) {
                    $('photoContainer').setStyles({
                        'padding-left': '10px',
                        'width': '586px'
                    });
                }
                
                $('thumb'+image_count).setStyle('margin-right', '10px');
                
                $('gallery_right').addEvent('click', function(e) {
                    e = new Event(e).stop();
                    $('gallery_left').setStyle('visibility','visible');
                    
                    current += 4;
                    if (current > (image_count-4)) {
                        current = image_count;
                        
                        $('gallery_right').setStyle('visibility','hidden');
                    }
                    if (window.opera) {
                        scroll.scrollTo(position_array[current], 0);
                    }
                    else {
                        scroll.toElement('thumb'+current);
                    }
                });
                $('gallery_left').addEvent('click', function(e) {
                    e = new Event(e).stop();
                    $('gallery_right').setStyle('visibility','visible');
                    
                    if (current == image_count) {
                        current -= 7;
                    }
                    else {
                        current -= 4;
                    }
                    
                    if (current <= 1) {
                        current = 1;
                        $('gallery_left').setStyle('visibility','hidden');
                    }
                    
                    if (window.opera) {
                        scroll.scrollTo(position_array[current], 0);
                    }
                    else {
                        scroll.toElement('thumb'+current);
                    }
                });
            }
        }
});