var bigPath = '/storage/photos/';
var smallPath = '/storage/photos/thumbs/';
//var galleryJson = [
//					{photoId: '1', Description:'desc1'},
//					{photoId: '2', Description:'desc2'},
//					{photoId: '3', Description:'desc3'},
//					{photoId: '4', Description:'desc4'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '2', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '4', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '2', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '3', Description:'desc1'},
//					{photoId: '4', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '4', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '2', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '3', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '2', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '4', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '3', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '2', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '2', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '3', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '1', Description:'desc1'},
//					{photoId: '4', Description:'desc1'}
//				   ];

var tout = 0;
var scrollPos = 0;
var clickedId = '';

$(document).ready(function () {
    var container = $('#c156');

    ///
    clickedId = galleryJson[0].PhotoId;
    $('#c164').attr('src', bigPath + clickedId + '.jpg');


    //
    $('#c164').click(function () {
        if (clickedId != '') {
            window.location.href = '/'+ lang + '/photos/' + clickedId;
        }

    });
    ///
    var str = '';
    var j = 0;
    $('#c159').text(galleryJson.length);
    for (var i = 0; i < galleryJson.length; i++) {
        j++;
        str += '<div class="c155"><img id="gallery_' + galleryJson[i].PhotoId + '" src="' + smallPath + galleryJson[i].PhotoId + '.jpg" alt="" /></div>';

        if (j == 5) {
            j = 0;
            str += '<div class="clear"></div>';
        }

    }

    //
    container.html(str);
    //
    $('#c156 img').fadeTo('fast', 0.3);

    $('#c156').delegate("img", "click", function () {

        clickedId = $(this).attr('id').replace('gallery_', '');
        $('#c164').fadeTo('fast', 0);
        $('#c164').attr('src', bigPath + clickedId + '.jpg');
        $('#c165').text(getDescById(clickedId));
        //
        clearTimeout(tout);
        tout = setTimeout(function () {
            $('#c164').fadeTo('slow', 1);
        }, 600);

    });
    $('#c156').delegate("img", "mouseover", function () {
        $(this).fadeTo('slow', 1);
    });

    $('#c156').delegate("img", "mouseout", function () {
        $(this).fadeTo('fast', .3);
    });


    $('#c161').click(function () {
        container.animate({ scrollTop: container.attr('scrollTop') + 500 }, 'slow');
    });

    $('#c162').click(function () {
        container.animate({ scrollTop: container.attr('scrollTop') - 500 }, 'slow');
    });

})

function getDescById(id)
{
	for(var i=0; i<galleryJson.length; i++)
	{
	    if (galleryJson[i].PhotoId == id)
		{
		    return '';// galleryJson[i].Description;
		}
	}
	
	return '';
}