﻿$(document).ready(function() {
    
    $('input.bipper_login_input').keydown(function(event) {
        if (event.keyCode == '13') {
            $(this).parent('form').submit();
            return false;
        } else {
            return true;
        }
    });

    $('.bipper_order_body_button').click(function() {
        var headerOffset = $('#Header').offset();
        $('html,body').animate({'scrollTop': headerOffset.top }, 350);
        $('#bipper_bestillHer_btn').trigger('click');
    });

    $('#bipper_login_btn').click(function(){
        $('#formForLogin').submit();
    });

    $('#bipper_forgot_pass_btn').click(function(){
        $('#formForForgotPass').submit();
    });


    if (($.browser.msie) && ($.browser.version < 8.0)) {
        
        
        $('#bipper_toppfelt_contentBox_01').css('position', 'relative');
        $('#bipper_toppfelt_contentBox_01').css('display', 'block');
        $('#bipper_toppfelt_contentBox_02').css('position', 'relative');
        $('#bipper_toppfelt_contentBox_02').css('left', '700px');
        $('#bipper_toppfelt_contentBox_02').css('top', '-315px');
        $('#bipper_barnevakten').animate({opacity: 1}, 0, function(){});
        
        $('#bipper_email').css('color', '#666666');
        $('#bipper_email').val('Epostadresse...');
        $('#bipper_password').css('color', '#666666');
        $('#bipper_password').val('');
        $('#bipper_email_forgot').css('color', '#666666');
        $('#bipper_email_forgot').val('Epostadresse...');
        
        $('#bipper_login_body_forgot').css('position', 'relative');
        $('#bipper_login_body_forgot').css('left', '200px');
        $('#bipper_login_body_forgot').css('top', '-100px');
        $('#bipper_login_body_pre').css('position', 'relative');
        $('#bipper_login_body_pre').css('left', '0px');
        $('#bipper_login_body_pre').css('top', '0px');
        
        var $tabs = $('#container-1').tabs();
        
        /* Links to tabs */
        $('.tab-link1').click(function() {
            $tabs.tabs('select', 0);
            return false;
        });
        $('.tab-link2').click(function() {
            $tabs.tabs('select', 1);
            return false;
        });
        $('.tab-link3').click(function() {
            $tabs.tabs('select', 2);
            return false;
        });
        $('.tab-link4').click(function() {
            $tabs.tabs('select', 3);
            return false;
        });
        $('.tab-link5').click(function() {
            $tabs.tabs('select', 4);
            return false;
        });
        
        /**
        * Empty input field on focus
        */
        $('#bipper_email, #bipper_password, #bipper_email_forgot').click(function() {
            $(this).css('color', '#000000');
            $(this).val('');
        });
        
        /**
        * Animate in login forgot menu
        */
        $('#bipper_login_link1').click(function() {
            
            $('#bipper_login_body_pre').animate({
                left: '-=200px'
            }, 500, function() {
                // Animation complete.
            });
            
            $('#bipper_login_body_forgot').animate({
                left: '-=200px'
            }, 500, function() {
                // Animation complete.
            });
            
        });
        
        /**
        * Animate in login forgot menu
        */
        $('#bipper_login_link2').click(function() {
            
            $('#bipper_login_body_pre').animate({
                left: '+=200px'
            }, 500, function() {
                // Animation complete.
            });
            
            $('#bipper_login_body_forgot').animate({
                left: '+=200px'
            }, 500, function() {
                // Animation complete.
            });
            
        });
        
        /**
        * Animate in order menu
        */
        $('#bipper_bestillHer_btn').click(function() {
            
            /*
            var movie;
            
            if (navigator.appName.indexOf("Microsoft") != -1) {
                 movie = window["bipper_Video"];
             } else {
                movie document["bipper_Video"];
            }
            
            movie.callPlayBall(param);
            */
            
            $('#bipper_toppfelt_contentBox_01').animate({
                left: '-700px'
            }, 500, function() {
                // Animation complete.
            });
            
            $('#bipper_toppfelt_contentBox_02').animate({
                left: '0px'
            }, 500, function() {
                // Animation complete.
            });
    
            
            $('#bipper_barnevakten').animate({
                opacity: 0
            }, 250, function() {
                // Animation complete.
            });
        });
        
        /**
        * Animate out order menu
        */
        $('#bipper_back_btn').click(function() {
            
            $('#bipper_contentBox_01_left').css('position', 'relative');
            $('#bipper_contentBox_01_left').css('left', '35px');
            
            
            $('#bipper_toppfelt_contentBox_01').animate({
                left: '0px'
            }, 500, function() {
                // Animation complete.
            });
            
            $('#bipper_toppfelt_contentBox_02').animate({
                left: '700px'
            }, 500, function() {
                $('#bipper_barnevakten').animate({
                    opacity: 1
                }, 250, function() {
                    // Animation complete.
                });
            });
        });
        
        /**
        * Open FAQ-tab and article from features
        */
        $('#bipper_feature_link1').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'block');
            $('#bipper_faq_lokal').css('display', 'none');
            $('#bipper_faq_trygg').css('display', 'none');
            return false;
        });
        
        $('#bipper_feature_link2').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'none');
            $('#bipper_faq_lokal').css('display', 'block');
            $('#bipper_faq_trygg').css('display', 'none');
            return false;
        });
        
        $('#bipper_feature_link3').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'none');
            $('#bipper_faq_lokal').css('display', 'none');
            $('#bipper_faq_trygg').css('display', 'block');
            return false;
        });
        
        $('#bipper_faq_link_1').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'block');
            $('#bipper_faq_lokal').css('display', 'none');
            $('#bipper_faq_trygg').css('display', 'none');
            return false;
        });
        
        $('#bipper_faq_link_2').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'none');
            $('#bipper_faq_lokal').css('display', 'block');
            $('#bipper_faq_trygg').css('display', 'none');
            return false;
        });
        
        $('#bipper_faq_link_3').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'none');
            $('#bipper_faq_lokal').css('display', 'none');
            $('#bipper_faq_trygg').css('display', 'block');
            return false;
        });
        
    } else {
        
        $('#bipper_toppfelt_contentBox_02').css('position', 'relative');
        $('#bipper_toppfelt_contentBox_02').css('left', '700px');
        $('#bipper_toppfelt_contentBox_02').css('top', '-315px');
        $('#bipper_toppfelt_contentBox_01').css('position', 'relative');
        $('#bipper_toppfelt_contentBox_01').css('left', '0px');
        $('#bipper_toppfelt_contentBox_01').css('top', '0px');
        
        $('#bipper_login_body_forgot').css('position', 'relative');
        $('#bipper_login_body_forgot').css('left', '200px');
        $('#bipper_login_body_forgot').css('top', '-100px');
        $('#bipper_login_body_pre').css('position', 'relative');
        $('#bipper_login_body_pre').css('left', '0px');
        $('#bipper_login_body_pre').css('top', '0px');
        
        $('#bipper_email').css('color', '#666666');
        $('#bipper_email').val('Epostadresse...');
        $('#bipper_password').css('color', '#666666');
        $('#bipper_password').val('');
        $('#bipper_email_forgot').css('color', '#666666');
        $('#bipper_email_forgot').val('Epostadresse...');
        
        $('#bipper_faq_main').css('display', 'block');
        $('#bipper_faq_komkon').css('display', 'none');
        $('#bipper_faq_lokal').css('display', 'none');
        $('#bipper_faq_trygg').css('display', 'none');
        
        var $tabs = $('#container-1').tabs();

        /* Links to tabs */
        $('.tab-link1').click(function() {
            $tabs.tabs('select', 0);
            return false;
        });
        $('.tab-link2').click(function() {
            $tabs.tabs('select', 1);
            return false;
        });
        $('.tab-link3').click(function() {
            $tabs.tabs('select', 2);
            return false;
        });
        $('.tab-link4').click(function() {
            $tabs.tabs('select', 3);
            return false;
        });
        $('.tab-link5').click(function() {
            $tabs.tabs('select', 4);
            return false;
        });
        
        /**
        * Open FAQ-tab and article from features
        */
        $('#bipper_feature_link1').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'block');
            $('#bipper_faq_lokal').css('display', 'none');
            $('#bipper_faq_trygg').css('display', 'none');
            return false;
        });
        
        $('#bipper_feature_link2').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'none');
            $('#bipper_faq_lokal').css('display', 'block');
            $('#bipper_faq_trygg').css('display', 'none');
            return false;
        });
        
        $('#bipper_feature_link3').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'none');
            $('#bipper_faq_lokal').css('display', 'none');
            $('#bipper_faq_trygg').css('display', 'block');
            return false;
        });
        
        $('#bipper_faq_link_1').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'block');
            $('#bipper_faq_lokal').css('display', 'none');
            $('#bipper_faq_trygg').css('display', 'none');
            return false;
        });
        
        $('#bipper_faq_link_2').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'none');
            $('#bipper_faq_lokal').css('display', 'block');
            $('#bipper_faq_trygg').css('display', 'none');
            return false;
        });
        
        $('#bipper_faq_link_3').click(function(){
            $tabs.tabs('select', 4);
            $('#bipper_faq_main').css('display', 'none');
            $('#bipper_faq_komkon').css('display', 'none');
            $('#bipper_faq_lokal').css('display', 'none');
            $('#bipper_faq_trygg').css('display', 'block');
            return false;
        });
        
        /**
        * Empty input field on focus
        */
        $('#bipper_email, #bipper_password, #bipper_email_forgot').click(function() {
            $(this).css('color', '#000000');
            $(this).val('');
        });
        
        /**
        * Animate in login forgot menu
        */
        $('#bipper_login_link1').click(function() {
            
            $('#bipper_login_body_pre').animate({
                left: '-=200px'
            }, 500, function() {
                // Animation complete.
            });
            
            $('#bipper_login_body_forgot').animate({
                left: '-=200px'
            }, 500, function() {
                // Animation complete.
            });
            
        });
        
        /**
        * Animate in login forgot menu
        */
        $('#bipper_login_link2').click(function() {
            
            $('#bipper_login_body_pre').animate({
                left: '+=200px'
            }, 500, function() {
                // Animation complete.
            });
            
            $('#bipper_login_body_forgot').animate({
                left: '+=200px'
            }, 500, function() {
                // Animation complete.
            });
            
        });
        
        
        /**
        * Animate in order menu
        */
        $('#bipper_bestillHer_btn').click(function() {
            
            $('#bipper_toppfelt_contentBox_01').animate({
                left: '-700px'
            }, 500, function() {
                // Animation complete.
            });
            
            $('#bipper_toppfelt_contentBox_02').animate({
                left: '0px'
            }, 500, function() {
                // Animation complete.
            });
    
            
            $('#bipper_barnevakten').animate({
                opacity: 0
            }, 250, function() {
                // Animation complete.
            });
        });
        
        /**
        * Animate out order menu
        */
        $('#bipper_back_btn').click(function() {
            
            $('#bipper_toppfelt_contentBox_01').animate({
                left: '0px'
            }, 500, function() {
                // Animation complete.
            });
            
            $('#bipper_toppfelt_contentBox_02').animate({
                left: '700px'
            }, 500, function() {
                $('#bipper_barnevakten').animate({
                    opacity: 1
                }, 250, function() {
                    // Animation complete.
                });
            });
        });
    
    }
    
});
