var from = 0;
var projectsOnPageСount = 0;
var projectsСount = 0;
var maxСount = 0;
var clickable = true;

$(function () {
    $('a.solutions-tab').click(onSolutionTabClick);
    $('div.next').click(onNextClick);
    $('div.prev').click(onPrevClick);

    projectsOnPageСount = $('#projectsOnPageCount').attr('value') * 1;
    projectsСount = $('#projectsCount').attr('value') * 1;

    initAnimation();
    initMap();

    $('div.prev').hide();
});

function initMap() {
    var companyLatLng = new google.maps.LatLng(42.863564, 74.637916);
    var myOptions = {
        zoom: 15,
        center: companyLatLng,
        panControl: false,
        zoomControl: true,
        scaleControl: false,
        streetViewControl: false,
        mapTypeControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var contentString = '<div>Unique Technologies</div>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });
    var image = $('#logoUrl').attr('value');
    var marker = new google.maps.Marker({
        position: companyLatLng,
        map: map,
        icon: image
    });
    google.maps.event.addListener(marker, 'click', function () {
        infowindow.open(map, marker);
    });
}

function initAnimation() {
//    setInterval(animationStep, 2000);
}
var t = 0;
function animationStep() {
    t += 0.83;
    //$('img.pic1').css('top', (50 + 10 * Math.sin(t)));
    //$('img.pic1').css('left', (-25 + 30 * Math.sin(2 * t)));

    $('img.pic1').animate({
            //left: (-25 + 30 * Math.sin(2 * t)),
            top: (50 + 10 * Math.sin(t)),
            opacity: 0.75 + Math.random() * 0.25
        }, 1400);
}

function onSolutionTabClick(event) {
    event.preventDefault();

    var element = $(this);
    var url = this.rel;

    $.ajax({
        url: url,
        type: 'post',
        dataType: 'html',
        success: function (data) {
            $('.tabs>li').removeClass('active');
            $('.mainpage-solution-text').fadeOut('fast', function() {
                $('.mainpage-solution-text').html(data);
            });
            $('.mainpage-solution-text').fadeIn('fast');
            $(element).parent().addClass('active');
        }
    });
}

function onPrevClick(event) {
    event.preventDefault();
    if (!clickable)
        return;
    if (from <= 0)
        return;

    clickable = false;
    from -= 0 + projectsOnPageСount;
    if (from < 0)
        from = 0;
    if (from == 0)
        $('div.prev').hide();

    $('div.next').show();
    loadProjectsFrom(from);
}

function onNextClick(event) {
    event.preventDefault();
    if (!clickable)
        return;
    if (from >= projectsСount - projectsOnPageСount)
        return;

    clickable = false;
    from += 0 + projectsOnPageСount;
    if (from >= projectsСount)
        from -= 0 + projectsOnPageСount;

    if (from >= projectsСount - projectsOnPageСount)
        $('div.next').hide();
    
    $('div.prev').show();
    loadProjectsFrom(from);
}

function loadProjectsFrom(from) {
    $.ajax({
        url: $('#getProjectsUrl').attr('value'),
        type: 'post',
        data: { from: from, langId: $('#langId').attr('value') },
        success: function (data) {
            $('ul.project_list').fadeOut('100', function () {
                $('ul.project_list').html(data);
                $('ul.project_list').fadeIn('100');
                clickable = true;
            });
        }
    });
}