/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
function InitGallery(path)
{    
    $.get(path, function(data)
    {
        var _arr =  $(data).find('img').get();
        var _id =  $(data).find('gallery').attr('id');
        var _slideconten = '';
        var _total = 21;//21;
        var i = 0;
        var h = 0;
        
        $(data).find('gallery').find('img').each(function()
        {                           
            _slideconten += (h == 0) ? '<ul style="height:355px">' : '' ;
            _slideconten += (i%3 == 0) ? '<li>' : '' ;

            _slideconten += '<a href="javascript:setImage('+_id+',\''+String($(this).attr('imgpath'))+'\',\''+String($(this).text())+'\',\''+$(this).attr('id')+'\')" >';
            _slideconten += '<img id="thumb_'+$(this).attr('id')+'" src="gallery/' +_id+ '/thumb_'+$(this).attr('imgpath')+'" width="38" height="38" alt="'+$(this).text()+'" />';
            _slideconten += '</a>';

            _slideconten += (i%3 == 2 || i == _arr.length) ? '</li>' : '' ;
            _slideconten += ((h == _arr.length-1 && _arr.length-1 < _total) || h+1 == _total) ? '</ul>' : '' ;
            h = ((h == _arr.length-1 && _arr.length-1 < _total) || h+1 == _total) ? -1 : h ;
            h++
            i++
        })

        $('#links_gallery').append(_slideconten);

        $('#links_gallery').cycle({
            continuous:    0,
            startingSlide: 0,
            fx:     'scrollHorz',
            speed:   500,
            timeout: 7000,
            nowrap:  1, 
            prev:   '#thumbs_prev',
            next:   '#thumbs_next',
            after:   function(currSlideElement, nextSlideElement, options, forwardFlag)
            {
                var currIndex = options.currSlide;
                for(var i = 0; i < options.slideCount; i++)
                {
                    $('#thumbs_nav a:eq('+(i+1)+')').html ((i+1));
                    $('#thumbs_nav a:eq('+(i+1)+')').css('text-decoration','none');

                /*('#thumbs_nav a:eq('+(i+1)+')').click( function()
                    {
                        $('#links_gallery').cycle( parseFloat($(this).text())-1);
                    });*/
                }

                $('#thumbs_nav a:eq('+(currIndex+1)+')').css('text-decoration','underline');

                
            }
        });

        $('#links_gallery').cycle('pause');
        
        var img= $(data).find('gallery').find('img:first')
        setImage(_id, String($(img).attr('imgpath')) ,String($(img).text()), String($(img).attr('id')))
        
        if(_arr.length < 22)
        {
            $('#thumbs_nav').css('visibility', 'hidden')
        }
    });    
}

function setImage(_id, _img, _text, _element)
{
    $('#footer_gallery').html('<p>'+_text+'</p>');
    $('#image_gallery').find('img').attr('src','gallery/' +_id+ '/img_'+_img);

    $('#links_gallery').find('img').each(function()
    {
        $(this).removeClass('selected');
    })


    $('#thumb_' +  _element).addClass('selected');
}