jQuery(document).ready(function($){
    /*$('.book-layer').load('wp-content/themes/vata/templates/post-handler.php', function(){
       load_posts();
    });*/

    $('.book-container').bookblock({
            speed: 300,
            perspective: 2000,
            shadowSides: 0.8,
            shadowFlip: 0.4

    });

    var linkUrl = 'http://localhost';

    var jumpWhat = 0;
    var loadedElements = [];

    for(i = 0; i < 99; i++) {
        loadedElements[i] = false;
    }

    var uriString = "<?php echo get_template_directory_uri(); ?>";

    function load_page(linkUrl, ind, wSend){
            var position = ind;
            $.ajax({
               type : "GET",
               cache : false,
               data : "",
               dataType : 'html',
               url : linkUrl,
               //async : false,
               success  : function(data) {
                    var $dt = $(data).find('.row').html();
                    //alert('asd');
                    //alert(data);
                    //setTimeout(dostuff(position, data), 500);
                    //alert(position);
                    //alert(wSend);
                    //dostuff(wSend, $data);
                    if(wSend === '-what-articles') {
                        $('.book-layer-what-articles:nth-child(10)').append($dt);
                    }
                    if(wSend === '-how-letters') {
                            $('.book-layer-how-letters:nth-child(16)').append($dt);
                     }
                     if(wSend === '-what-write') {
                                $('.book-layer-what-write:nth-child(6)').append($dt);
                     }
                    var $innerCon = '.book-layer' + wSend;
                    //$($innerCon).delay(100).queue(function(){
                    setTimeout(regionHandle($innerCon, 1, position), 100);
                    //});
               }
            });
    }


    /*function dostuff(wSend, data) {
    if(wSend == '-what-articles') {
                            $('.book-layer-what-articles:nth-child(10)').append(data);
                        }
                        if(wSend == '-how-letters') {
                                $('.book-layer-how-letters:nth-child(16)').append(data);
                         }
                         if(wSend == '-what-write') {
                                    $('.book-layer-what-write:nth-child(6)').append(data);
                         }
    }*/

    $('.how-letters').click(function(){
        event.preventDefault();
        var innerLinkUrl;
        innerLinkUrl = linkUrl + $(this).attr('href');
        var $con = $('.book-layer-how-letters');
        jumpWhat = 0;
        var wSend;
        jumpWhat = $('.book-layer-how-letters').index();
        jumpWhat++;
        wSend = '-how-letters';
        if(loadedElements[jumpWhat] == false){
            load_page(innerLinkUrl, jumpWhat, wSend);
            $('.book-container').bookblock('jump', jumpWhat);
            //regionHandle($con, 1, jumpWhat);
            loadedElements[jumpWhat] = true;
        } else {
            $('.book-container').bookblock('jump', jumpWhat);
        }
    });

    $('.what-write').click(function(){
        event.preventDefault();
        var innerLinkUrl;
        innerLinkUrl = linkUrl + $(this).attr('href');
        var $con = $('.book-layer-what-write');
        jumpWhat = 0;
        var wSend;
        jumpWhat = $('.book-layer-what-write').index();
        jumpWhat++;
        //jumpWhat = 3;
        wSend = '-what-write';
        if(loadedElements[jumpWhat] == false){
            load_page(innerLinkUrl, jumpWhat, wSend);
            $('.book-container').bookblock('jump', jumpWhat);
            //regionHandle($con, 1, jumpWhat);
            loadedElements[jumpWhat] = true;
        } else {
            $('.book-container').bookblock('jump', jumpWhat);
        }
    });

    $('.what-articles').click(function(){
        event.preventDefault();
        var $con = $('.book-layer-what-articles');
        var innerLinkUrl;
        innerLinkUrl = linkUrl + $(this).attr('href');
        jumpWhat = 0;
        var wSend;
        jumpWhat = $con.index();
        jumpWhat++;
        wSend = '-what-articles';
        if(loadedElements[jumpWhat] == false){
            load_page(innerLinkUrl, jumpWhat, wSend);
            $('.book-container').bookblock('jump', jumpWhat);
            //setTimeout(regionHandle($con, 1, jumpWhat), 5000);
            loadedElements[jumpWhat] = true;
        } else {
            $('.book-container').bookblock('jump', jumpWhat);
        }
    });

    function regionHandle($layer, passNo, position) {
        var pCounter;
        var lHeight = $($layer).height();
        var tHeight = 0;
        var pHeight;
        var movedEl = false;
        var overflowArray = [];
        var aI = 0;

        lHeight = lHeight - 202;

        pCounter = 3;

        for(i = 2; i < pCounter; i++) {
            var pElement = $($layer + ':nth-child(' + position + ')' + ' .text-wrap:nth-child(' + passNo + ')' + ' p:nth-child(' + i + ')');
            if(pElement.length > 0) {
                pCounter++;
                pHeight = pElement.height();
                tHeight += pHeight + 25;
                if(tHeight > lHeight) {
                    overflowArray[aI] = pElement.html();
                    aI++;
                    movedEl = true;
                }
            } else {
                if(movedEl == true) {
                        aI = aI + 2;
                        for(a = 0; a < aI; a++) {
                            var rElement = $($layer + ':nth-child(' + position + ')' + ' .text-wrap:nth-child(' + passNo + ')' + ' p:nth-child(' + pCounter + ')');
                            rElement.remove();
                            //alert('removed');
                            pCounter--;
                        }
                        moveParagraph(overflowArray, $layer, passNo, position, aI);
                }
                return false;
            }


        }

    }

    function moveParagraph(givenElement, $layer, passNo, position, aI) {
        var eThumbnail = $($layer + ':nth-child(' + position + ')' + ' .text-wrap-img img');
        if(eThumbnail.length > 0) {
                lClass = $layer.substring(1);
                var appendElement = '<div class="' + lClass + ' bb-item" ><div class="dyn-pad tvs"><div class="text-wrap"></div></div></div>';
                var lastElement = $layer + ':nth-child(' + position + ')';
                var dataToAppend = '<p>' + givenElement + '</p>';
                position++;
                $($layer + ':nth-child(' + position + ') .text-wrap').append(dataToAppend);
                regionHandle($layer, passNo, position);
        } else {
            if(passNo == 2) {
                lClass = $layer.substring(1);
                var appendElement = '<div class="' + lClass + ' bb-item" ><div class="dyn-pad tvs"><div class="text-wrap"></div></div></div>';
                //alert($layer);
                var lastElement = $layer + ':nth-child(' + position + ')';
                var dataToAppend = '<p>' + givenElement + '</p>';
                //$('.book-container').append(appendElement);
                //$('.book-container ' + $layer + ':last').insertAfter(lastElement);
                passNo--;
                position++;
                $($layer + ':nth-child(' + position + ') .text-wrap').append(dataToAppend);
                regionHandle($layer, passNo, position);
            } else {
                passNo++;
                var fullAppend = '<div class="text-wrap">';
                $($layer + ':nth-child(' + position + ') .text-wrap-img').remove();
                for(i = 0; i < aI; i++) {
                    var dataToAppend = '<p>' + givenElement[i] + '</p>';
                    fullAppend = fullAppend + dataToAppend;
                }
                fullAppend = fullAppend + '</div>';
                $($layer + ':nth-child(' + position + ') .dyn-pad').append(fullAppend);
                regionHandle($layer, passNo, position);
            }
        }
    }



});