/**
 * Created by Komma Mediadesign.
 * Author: mike
 * Date: 9/26/13
 */

// Prepare accordion
$options = $('#options');

$options.children('li').children('.description').children('img').one('load', function(){
    var $description = $(this).parent();
    $description.attr('data-h',$description.height());
    $description.css({ height: 0 });
}).each(function() { if(this.complete) $(this).load(); });
/*
$options.children('li').children('.description').each(function(){
    $(this).attr('data-h',$(this).height());
    $(this).css({ height: 0 });
});*/

// Init accordion
$options.children('li').children('.title').click(function()
{
    var $li = $(this).parent();
    var index = $li.index();
    var $desc = $li.children('.description');

    if($desc.height() > 0)
    {
        closeSubmenu(index);
    }
    else
    {
        openSubmenu(index);
    }
});

// Open a submenu
function openSubmenu(index)
{
    var $li = $options.children('li').eq(index);
    var $desc = $li.children('.description');
    $desc.css({ display: 'block' });
    $desc.stop().animate({ height : $desc.attr('data-h') },300);

    var int = setInterval(resize,1);
    setTimeout(function(){ clearInterval(int) },300);
}

// Close a submenu
function closeSubmenu(index)
{
    var $li = $options.children('li').eq(index);
    var $desc = $li.children('.description');
    $desc.stop().animate({ height : 0 },300,function()
    {
        $desc.css({ display: 'none' });
    });

    var int = setInterval(resize,1);
    setTimeout(function(){ clearInterval(int) },300);
}

resize();
$(window).resize(resize);

function resize()
{
    /*
    // Position Footer
    var wSize = { w : window.innerWidth || document.documentElement.clientWidth, h : window.innerHeight || document.documentElement.clientHeight };

    var $footer = $('#footer');
    var h;

    if($footer.css('position') == 'relative')
    {
        h = wSize.h;
    }
    else
    {
        h = wSize.h - $footer.height();
    }

    if($('body').height() > h)
    {
        $footer.css({ position: 'relative' });
    }
    else
    {
        $footer.css({ position: 'absolute', bottom: 0 });
    }
    */
}