window.addEvent('domready', function()
{
    var commentSlide = new Fx.Slide('commentform');
    commentSlide.hide();

    var imageWidth = $('photoimage').getProperty('width');
    var imageHeight = $('photoimage').getProperty('height');
    var arrowYPos = Math.round(imageHeight / 2) - (120 / 2);

    var spacerMargin = Math.round(imageWidth / 10);
    var prevSpacerWidth = Math.round(imageWidth / 2) - Math.round(spacerMargin / 2);
    var nextSpacerWidth = imageWidth - prevSpacerWidth - spacerMargin;

    var arrowPrev = $('arrowprev');
    var arrowNext = $('arrownext');

    if (arrowPrev != null)
    {
        arrowPrev.setStyle('top', arrowYPos);

        navPrev = new Element('a');
        navPrev.setProperty('href', $('arrowprev').getProperty('href'));
        navPrev.setProperty('id', 'navprev');
        navPrev.injectBefore('photoimage');

        prevSpacer = new Element('img');
        prevSpacer.setProperty('src', '/templates/vexp/images/pixel.gif');
        prevSpacer.setProperty('width', prevSpacerWidth);
        prevSpacer.setProperty('height', imageHeight);
        prevSpacer.injectInside(navPrev);

        $('navprev').addEvent('mouseover', function(e)
        {
            e = new Event(e);
            $('arrowprev').setStyle('visibility', 'visible');
        });

        $('navprev').addEvent('mouseout', function(e)
        {
            e = new Event(e);
            $('arrowprev').setStyle('visibility', 'hidden');
        });
    }

    if (arrowNext != null)
    {
        arrowNext.setStyle('top', arrowYPos);

        navNext = new Element('a');
        navNext.setProperty('href', $('arrownext').getProperty('href'));
        navNext.setProperty('id', 'navnext');
        navNext.setStyle('left', prevSpacerWidth + spacerMargin);
        navNext.injectBefore('photoimage');

        nextSpacer = new Element('img');
        nextSpacer.setProperty('src', '/templates/vexp/images/pixel.gif');
        nextSpacer.setProperty('width', nextSpacerWidth);
        nextSpacer.setProperty('height', imageHeight);
        nextSpacer.injectInside(navNext);

        $('navnext').addEvent('mouseover', function(e)
        {
            e = new Event(e);
            $('arrownext').setStyle('visibility', 'visible');
        });

        $('navnext').addEvent('mouseout', function(e)
        {
            e = new Event(e);
            $('arrownext').setStyle('visibility', 'hidden');
        });
    }

    $('togglecomment').addEvent('click', function(e)
    {
        e = new Event(e);
        commentSlide.toggle();
        e.stop();
    });

    $('togglecomment').addEvent('mouseenter', function() { $('togglecomment').setStyle('cursor', 'pointer');});

    $('commentform').addEvent('submit', function(e)
    {
        new Event(e).stop();
	    var msg = $('commentmsg').empty().addClass('ajax-loading');

        new Ajax('/index.php?x=save_comment',
        {
            method: 'post',
            data: $('commentform'),
            onComplete: function() { $('commentmsg').removeClass('ajax-loading') },
            update: $('commentmsg'),
            evalScripts: false
        }).request();
        
    });

    if (imageWidth >= imageHeight)
    {
        $('exifinfo').setStyle('margin-top', imageHeight - 96);
    }

    $('exif').addEvent('mouseover', function() { $('exifinfo').setStyle('visibility', 'visible');});
    $('exif').addEvent('mouseout',  function() { $('exifinfo').setStyle('visibility', 'hidden');});
});