// JavaScript Document
$(window).load(function(){
    
    
    $('.portfolio_slider ul').cycle({
        fx:         'fade',
        timeout:    5000,
        pager:      '.pages',
        next:       '.next', 
        prev:       '.prev' 
    });
    $('.portfolio_slider ul span').show();
    
    //Move Contacts
    //    $('.contact_button').toggle(
    //        function(){
    //
    //            $('body').animate(
    //                {
    //                    'margin-top': 265
    //                },
    //                {
    //                    duration: 600,
    //                    eaising: "easeInOutBack"
    //            });
    //            
    //            $('.section_img').animate(
    //                {
    //                    'top': '+=265'
    //                },
    //                {
    //                    duration: 600,
    //                    eaising: "easeInOutBack"
    //            });
    //
    //             $('.slide_contacts').slideDown(600);
    //
    //            return false;
    //        },
    //        function(){
    //
    //            $('body').animate(
    //                {
    //                    'margin-top': 0
    //                },
    //                {
    //                    duration: 600,
    //                    eaising: "easeInOutBack"
    //            });
    //            
    //            $('.section_img').animate(
    //                {
    //                    'top': '-=265'
    //                },
    //                {
    //                    duration: 600,
    //                    eaising: "easeInOutBack"
    //            });
    //
    //             $('.slide_contacts').slideUp(600);
    //
    //            return false;
    //        }
    //    )
        
    //Move Order
    $('.slide_order_form').cartToggle({
        tabSpeed: 150,
        contentSpeed: 330
    });
   
    $(".map a").fancybox();
   
   
    $('.order_box').submit(function(){
        var user_name = $(this).find('input[name="user_name"]');
        var user_phone = $(this).find('input[name="user_phone"]');
       
        if(user_name.val() == '')
            user_name.addClass('val_error');

        if(user_phone.val() == '')
            user_phone.addClass('val_error');
       
        user_name.keyup(function(){
            user_name.removeClass('val_error');
        })
       
        user_phone.keyup(function(){
            user_phone.removeClass('val_error');
        });
       
        if(user_name.val() == '' || user_phone.val() == '')
            return false;
        else
            return true;

    });
   
    $('.order_form_button a').click(function(){
        cartShow2();
        return false;
    });
    
    $('.button_promo a').click(function(){
        $('.slide_order_form .button input').attr("onclick","_gaq.push(['_trackEvent', 'order_button', 'send', '"+$(this).text()+"']);");
    });
   
});

function cartShow2() {
    var black_fon=document.createElement('div');
    black_fon.className='black_fon';
    $('body').append(black_fon);
    $('.black_fon').fadeTo(0, 0.7);
    $('.slide_order_form').animate({
        width: 0
    }, {
        duration: 'normal',
        queue: false,
        complete: function(){
            $('.slide_order_form .order_button').hide();
            $('.slide_order_form .order_box').show();
            $('.slide_order_form').animate({
                width: $('.slide_order_form .order_box').width()
            }, {
                duration: 'normal',
                queue: false
            });
        }
    });
    return false;
}

(function($){
    $.fn.cartToggle = function(o){
        o = $.extend({
            tabSpeed: 'normal',
            contentSpeed: 'normal'
        }, o || {});


        var doc = document.documentElement,
        $win = $(window);


        return this.each(function(){
            var $cart = $(this),
            $cartTab = $('.order_button', $cart),
            cartTabWidth = $cartTab.width(),
            $cartClose = $('.close_button', $cart),
            $cartContent = $('.order_box', $cart),
            cartContentWidth = $cartContent.width();

            $cartTab.click(cartShow);
            $cartClose.click(cartHide);


            function cartShow() {
                var black_fon=document.createElement('div');
                black_fon.className='black_fon';
                $('body').append(black_fon);
                $('.black_fon').fadeTo(0, 0.7);
                $cart.animate({
                    width: 0
                }, {
                    duration: o.tabSpeed,
                    queue: false,
                    complete: function(){
                        $cartTab.hide();
                        $cartContent.show();
                        $cart.animate({
                            width: cartContentWidth
                        }, {
                            duration: o.contentSpeed,
                            queue: false
                        });
                    }
                });
                return false;
            }

            function cartHide() {
                $cart.animate({
                    width: 0
                }, {
                    duration: o.contentSpeed,
                    queue: false,
                    complete: function(){
                        $cartTab.show();
                        $cartContent.hide();
                        $cart.animate({
                            width: cartTabWidth
                        }, {
                            duration: o.tabSpeed,
                            queue: false
                        });
                    }
                });
                $('.black_fon').remove();
                return false;
            }

        });
    };
})(jQuery);