//$(document).ready(function(){new persik(persikJson);var mainFrame=$p[0],infoFrame=mainFrame.document.navigation[0].frames[0];mainFrame.navH=$('#cur_nav_item');mainFrame.navH.opened=false;mainFrame._ready(function(){$(document.body).removeClass('loading_site');mainFrame.document.navigation[0]._onOpen=function(obj){var p=this,offset=obj.position(),w=obj.width()+15;obj.reloadCurrent=0;$('#feel_free_container').find('img').css({display:'none'});if(obj.href=='/intro/'){mainFrame.navH.css({display:'none'});mainFrame.navH.opened=false;obj.active=false;exit();return}if(mainFrame.navH.opened){mainFrame.navH.animate({left:offset.left-8,width:w},300,'swing',function(){exit()})}else{mainFrame.navH.css({display:'block',left:offset.left-7,width:w});mainFrame.navH.opened=true;exit()}function exit(){obj.removeClass(obj.className).removeClass(obj.className+'_hh').addClass(obj.className+'_h');p.next()}};mainFrame.document.content._onStartLoad=function(container){_showLoading();var _persik=this,curNavItem=_persik.document.curNavItem;if(!_persik.document.content.curContentLink)curNavItem.removeClass(curNavItem.className+'_hh').addClass(curNavItem.className+'_h');container.animate({opacity:0},300,'linear',function(){container.css({visibility:'visible',display:'block'});_persik.next()})};mainFrame.document.content._onEndLoad=function(container,text){_hideLoading();var _persik=this;container.empty().append(text).animate({opacity:1},300,'linear',function(){_persik.next()})};mainFrame._start()});infoFrame._ready(function(){$(document.body).append('<div id="fake_container"> <div class="layout nav_next"></div> <div class="layout nav_next"></div> </div><div id="loading_container"></div>');infoFrame.itemIndex=100;infoFrame.fakeContainer=$('#fake_container');infoFrame.leftFakeContent=infoFrame.fakeContainer.find('div').eq(0);infoFrame.rightFakeContent=infoFrame.fakeContainer.find('div').eq(1);infoFrame.loadingContainer=$('#loading_container');infoFrame.oldContentContainer=false;infoFrame.inited=false;infoFrame.shownArray=[];infoFrame.document.navigation[0]._onOpen=function(navItem){var _persik=this,parentNavItem=navItem.parentObj;navItem.reloadCurrent=0;if(navItem.index!=0){parentNavItem.removeClass(parentNavItem.className+'_h').addClass(parentNavItem.className+'_hh');if(parentNavItem.active==false){parentNavItem.active=1;parentNavItem.one('click',function(){parentNavItem.active=false;parentNavItem.childrenArray[0].opened=0;_persik.document.navigation._clickNavigationItem(parentNavItem.childrenArray[0])})}}else{parentNavItem.reloadCurrent=0;parentNavItem.removeClass(parentNavItem.className+'_hh').addClass(parentNavItem.className+'_h')}navItem.removeClass(navItem.className).removeClass(navItem.className+'_hh').addClass(navItem.className+'_h');_persik.next()};infoFrame.document.content._onStartLoad=function(){_showLoading();var _persik=this;_persik.next()};infoFrame.document.content._onEndLoad=function(container,text){_hideLoading();var _persik=this,itemIndex=_persik.document.curNavItem.index,itemsCount=infoFrame.document.navigation[0].items.length,itemDirection=((((itemIndex-infoFrame.itemIndex)>0)||((itemIndex==0)&&(infoFrame.itemIndex==(itemsCount-1))))&&(!((itemIndex==(itemsCount-1))&&(infoFrame.itemIndex==0))))?1:0,containerWidth=container.width(),oldHTML=(infoFrame.inited)?infoFrame.oldHTML:container.html();infoFrame.fakeContainer.itemDirection=itemDirection;if(infoFrame.shownArray.length==0){var itemsLength=infoFrame.document.navigation[0].items.length;for(var i=0;i<itemsLength;i++){infoFrame.shownArray[i]='not_visited'}}infoFrame.shownArray[_persik.document.curNavItem.index]='visited';var showContactFlag=true;jQuery.each(infoFrame.shownArray,function(n,v){if(v=='not_visited'){showContactFlag=false}});infoFrame.oldHTML=text;infoFrame.loadingContainer.empty().append(text).css({display:'block',position:'absolute',left:'10000px',top:'0px'}).onImagesLoad({selectorCallback:function(){if(!infoFrame.inited){container.empty().append(infoFrame.fakeContainer);infoFrame.fakeContainer.css({display:'block'});infoFrame.inited=true;infoFrame.leftFakeContent.css({opacity:0,width:containerWidth}).append(text).animate({opacity:1},300,'linear',function(){_showPrevNext(itemIndex);infoFrame.itemIndex=_persik.document.curNavItem.index;_persik.next()});container.css({display:'block'});return}var oldContainer=(itemDirection==1)?infoFrame.leftFakeContent:infoFrame.rightFakeContent,newContainer=(itemDirection==1)?infoFrame.rightFakeContent:infoFrame.leftFakeContent,oldMargin=(itemDirection==1)?0:-containerWidth,newMargin=(itemDirection==1)?-containerWidth:0;oldContainer.empty().append(oldHTML).width(containerWidth);newContainer.empty().append(text).width(containerWidth);infoFrame.fakeContainer.css({marginLeft:oldMargin,width:(containerWidth*2)}).animate({marginLeft:newMargin},200,'linear',function(){_showPrevNext(itemIndex);infoFrame.itemIndex=_persik.document.curNavItem.index;_persik.next()})}});function _showPrevNext(itemIndex){if(itemIndex==0){$('#prev_next_table').css({display:'none'})}else if($.browser.msie){$('#prev_next_table').css({display:'block'})}else{$('#prev_next_table').css({display:'table'})}}};infoFrame._start()});$(window).resize(function(){mainFrame.navH.css({left:$p[0].document.curNavItem.offset().left-8});if(infoFrame.fakeContainer){var containerWidth=$('#intro_content').width(),itemDirection=infoFrame.fakeContainer.itemDirection,oldContainer=(itemDirection==1)?infoFrame.leftFakeContent:infoFrame.rightFakeContent,newContainer=(itemDirection==1)?infoFrame.rightFakeContent:infoFrame.leftFakeContent,newMargin=(itemDirection==1)?-containerWidth:0;oldContainer.width(containerWidth);newContainer.width(containerWidth);infoFrame.fakeContainer.css({marginLeft:newMargin,width:containerWidth*2})}})});var loadingObj=false;function _showLoading(){if($.browser.msie){var scrollX=(!document.documentElement.scrollLeft)?document.body.scrollLeft:document.documentElement.scrollLeft,scrollY=(!document.documentElement.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop}else{var scrollX=window.pageXOffset,scrollY=window.pageYOffset}if(!loadingObj){$(document.body).append('<div id="loading_obj"></div>');loadingObj=$('#loading_obj');$(window).bind('scroll',function(e){loadingObj.css({left:scrollX+$(window).width()/2-50,top:scrollY+$(window).height()/2-100})})}loadingObj.css({display:'block',left:scrollX+$(window).width()/2-50,top:scrollY+$(window).height()/2-100})};function _hideLoading(){if(!loadingObj)return;loadingObj.css({display:'none'})};


$(document).ready( function(){

    new persik( persikJson );
    
    var mainFrame     = $p[ 0 ],
        infoFrame     = mainFrame.document.navigation[0].frames[0];
        
    mainFrame.navH        = $('#cur_nav_item');
    mainFrame.navH.opened = false;
    
    mainFrame._ready( function(){
        
        $(document.body).removeClass('loading_site');
        
        mainFrame.document.navigation[ 0 ]._onOpen = function( obj ){
            var p      = this,
                offset = obj.position(),
                w      = obj.width()+ 15;
                
            obj.reloadCurrent = 0;
            
            $('#feel_free_container').find('img').css({ display : 'none' });
         
            if (obj.href == '/intro/'){
                mainFrame.navH.css({display : 'none'});
                mainFrame.navH.opened = false;
                obj.active = false;               
                exit();   
                return;
            }
            
            if ( mainFrame.navH.opened ){
                mainFrame.navH.animate({left: offset.left - 8, width: w}, 300, 'swing', function(){
                    exit();
                });
            } else {
                mainFrame.navH.css({display : 'block', left: offset.left - 7, width: w});
                mainFrame.navH.opened = true;
                exit();
            }
            
            function exit(){
                obj.removeClass( obj.className ).removeClass( obj.className +'_hh').addClass( obj.className+'_h' );  
                p.next();                
            };
        };   
        
        mainFrame.document.content._onStartLoad = function(container){      
            _showLoading();
            var _persik    = this,
                curNavItem = _persik.document.curNavItem;               
            if (! _persik.document.content.curContentLink)                            
                curNavItem.removeClass( curNavItem.className + '_hh' ).addClass( curNavItem.className + '_h');
            container.animate({opacity : 0}, 300, 'linear', function(){
                container.css({visibility : 'visible', display : 'block'});
                _persik.next();
            });
        };   

        mainFrame.document.content._onEndLoad = function(container, text){
            _hideLoading();
            var _persik = this;
            container.empty().append(text).animate({opacity : 1}, 300, 'linear', function(){
                _persik.next();
            });
        };         
        
        mainFrame._start();
    });
    
    infoFrame._ready( function(){
        $(document.body).append('<div id="fake_container"> <div class="layout nav_next"></div> <div class="layout nav_next"></div> </div><div id="loading_container"></div>');
        
        infoFrame.itemIndex           = 100;
        infoFrame.fakeContainer       = $('#fake_container');
        infoFrame.leftFakeContent     = infoFrame.fakeContainer.find('div').eq(0);
        infoFrame.rightFakeContent    = infoFrame.fakeContainer.find('div').eq(1);
        infoFrame.loadingContainer    = $('#loading_container');  
        infoFrame.oldContentContainer = false;    
        infoFrame.inited              = false;
        infoFrame.shownArray          = [];
        
        infoFrame.document.navigation[ 0 ]._onOpen = function( navItem ){

            var _persik       = this,
                parentNavItem = $p.current.document.curNavItem;//navItem.parentObj;
            navItem.reloadCurrent = 0;
            
            if ( navItem.index != 0  ){
                parentNavItem.removeClass( parentNavItem.className + '_h' ).addClass( parentNavItem.className + '_hh');
                if ( parentNavItem.active == false ){
                    parentNavItem.active = 1;                
                    parentNavItem.one('click', function(){
                        parentNavItem.active = false;
                        parentNavItem.childrenArray[0].opened = 0;
                        _persik.document.navigation._clickNavigationItem( parentNavItem.childrenArray[0] );
                    });
                }
            } else if (parentNavItem){           
                parentNavItem.reloadCurrent = 0;
                parentNavItem.removeClass( parentNavItem.className + '_hh' ).addClass( parentNavItem.className + '_h');            
            }
            
            navItem.removeClass( navItem.className ).removeClass( navItem.className +'_hh').addClass( navItem.className +'_h' );   
            
            _persik.next();
        };        
        
        infoFrame.document.content._onStartLoad = function(){
            _showLoading();        
            var _persik = this;
            _persik.next();
        };
        
        infoFrame.document.content._onEndLoad = function(container, text){
            _hideLoading();
            var _persik        = this,  
                itemIndex      = _persik.document.curNavItem.index,
                itemsCount     = infoFrame.document.navigation[0].items.length,
                itemDirection  = ( (( ( itemIndex - infoFrame.itemIndex ) > 0 ) || 
                                   ( ( itemIndex == 0) && ( infoFrame.itemIndex == ( itemsCount-1 ) ) )) &&
                                    (! (( itemIndex == ( itemsCount-1 ) ) && (infoFrame.itemIndex == 0)) )
                                )? 1 : 0,
                containerWidth = container.width(),
                oldHTML        = ( infoFrame.inited )? infoFrame.oldHTML : container.html();
            infoFrame.fakeContainer.itemDirection = itemDirection;
            
            if (infoFrame.shownArray.length == 0) {
                var itemsLength = infoFrame.document.navigation[0].items.length;
                for (var i = 0; i< itemsLength; i++ ){
                    infoFrame.shownArray[ i ] = 'not_visited';
                }
            }  
            
            infoFrame.shownArray[ _persik.document.curNavItem.index ] = 'visited';            
            var showContactFlag = true;
            jQuery.each( infoFrame.shownArray, function(n, v ){
                if (v == 'not_visited'){
                    showContactFlag = false;
                }
            });
            
            infoFrame.oldHTML  = text;
            infoFrame.loadingContainer.empty().append( text ).css({display : 'block', position: 'absolute', left: '10000px', top: '0px'}).onImagesLoad({            
                selectorCallback : function() {
                    if (! infoFrame.inited){
                        container.empty().append( infoFrame.fakeContainer ); 
                        infoFrame.fakeContainer.css({display : 'block'});         
                        infoFrame.inited    = true; 
                        infoFrame.leftFakeContent.css({opacity : 0, width : containerWidth }).append( text ).animate({opacity : 1}, 300, 'linear', function(){
                            _showPrevNext( itemIndex );
                            infoFrame.itemIndex = _persik.document.curNavItem.index;
                            _persik.next();                            
                        });
                        container.css({display : 'block'});                          
                        return;                        
                    }              
                    
                    var oldContainer = (itemDirection == 1 )? infoFrame.leftFakeContent : infoFrame.rightFakeContent,
                        newContainer = (itemDirection == 1 )? infoFrame.rightFakeContent : infoFrame.leftFakeContent,
                        oldMargin    = (itemDirection == 1 )? 0               : -containerWidth,
                        newMargin    = (itemDirection == 1 )? -containerWidth : 0;  
                        
                    oldContainer.empty().append( oldHTML ).width( containerWidth ); 
                    newContainer.empty().append( text    ).width( containerWidth );  
                    infoFrame.fakeContainer.css({ marginLeft : oldMargin, width : (containerWidth*2) }).animate({ marginLeft : newMargin }, 200, 'linear', function(){                  
                        _showPrevNext( itemIndex );
                        infoFrame.itemIndex = _persik.document.curNavItem.index;
                        _persik.next();
                    });                                 
                }
                
            });
            
            function _showPrevNext( itemIndex ){
                            if ( itemIndex == 0){
                                $('#prev_next_table').css({ display : 'none'});
                            } else if ($.browser.msie) {
                                $('#prev_next_table').css({ display : 'block'});
                            } else {
                                $('#prev_next_table').css({ display : 'table'});            
                            }                    
            };
            
        };
    
        infoFrame._start();
    });
    
    $(window).resize(function( ){
        mainFrame.navH.css({ left : $p[0].document.curNavItem.offset().left - 8 });
        if (infoFrame.fakeContainer) {
            var containerWidth = $('#intro_content').width(),
                itemDirection  = infoFrame.fakeContainer.itemDirection, 
                oldContainer   = (itemDirection == 1 )? infoFrame.leftFakeContent : infoFrame.rightFakeContent,
                newContainer   = (itemDirection == 1 )? infoFrame.rightFakeContent : infoFrame.leftFakeContent,        
                newMargin      = ( itemDirection == 1 )? -containerWidth : 0;
            oldContainer.width( containerWidth ); 
            newContainer.width( containerWidth );
            infoFrame.fakeContainer.css({marginLeft: newMargin, width: containerWidth*2 });
        }
    });
    
});

var loadingObj = false;

function _showLoading(){
    if ( $.browser.msie){
        var scrollX = (!document.documentElement.scrollLeft)? document.body.scrollLeft : document.documentElement.scrollLeft,
            scrollY = (!document.documentElement.scrollTop)? document.body.scrollTop : document.documentElement.scrollTop;
    } else {
        var scrollX = window.pageXOffset,
            scrollY = window.pageYOffset;
    }
    if (! loadingObj){
        $(document.body).append( '<div id="loading_obj"></div>' );
        loadingObj = $('#loading_obj');
        $(window).bind('scroll', function (e) { 
            loadingObj.css({  left: scrollX + $(window).width()/2 - 50, top: scrollY + $(window).height()/2 - 100});
        });      
    }     
    loadingObj.css({ display: 'block',  left: scrollX + $(window).width()/2 - 50, top: scrollY + $(window).height()/2 - 100});    
};

function _hideLoading(){
    if (! loadingObj) return;
    loadingObj.css({ display : 'none'});
};