// Div Scroll
jQuery(function ($) {
    $.localScroll.defaults.axis = 'x';
    $.localScroll({
        target: '#PageContainer',
        queue: true,
        duration: 2000,
        hash: false,
        onBefore: function (e, anchor, $target) {
            //animate bg
            //            var left = $(anchor).css('left').replace("px", "");
            //            var w1 = parseInt((left / 3) * -1);
            //            if (isNaN(w1)) { w1 = 0 };
            //            var w2 = parseInt((left / 6) * -1);
            //            if (isNaN(w2)) { w2 = 0 };
            //$('.Waves1').stop().animate({ 'left': w1 }, 2000);
            //$('.Waves2').stop().animate({ 'left': w2 }, 2000);
        },
        onAfter: function (anchor, settings) {
            // The 'this' contains the scrolled element (#content)            
        }
    });
});


// Home Page Text

var TextLarge = new Array("Ecommerce","Mobile Web","Blog Design","Web Design");
var TextSmall = new Array("Web Application Development","Content Management Systems","Search Engine Optimisation");
var IndexLarge = 0;
var IndexSmall = 0;

var HomeImages = new Array("http://www.growmedia.com.au/App_Assets/images/screen_img_2.png", "http://www.growmedia.com.au/App_Assets/images/screen_img_3.png", "http://www.growmedia.com.au/App_Assets/images/screen_img_4.png", "http://www.growmedia.com.au/App_Assets/images/screen_img_7.png", "http://www.growmedia.com.au/App_Assets/images/screen_img_5.png", "http://www.growmedia.com.au/App_Assets/images/screen_img_1.png");
var IndexImage = 0;

$(document).ready(function () {
    $(".MenuFixed").draggable({ axis: 'x', containment: "parent" }); // Make Menu Draggable
    //$("#GrowMediaLogo").draggable({ axis: 'x', containment: "parent" }); // Make Menu Draggable

    var slider = $('#WorkSlider').bxSlider({
        alignment: 'horizontal',        // 'horizontal', 'vertical' - direction in which slides will move
        controls: false,                 // determines if default 'next'/'prev' controls are displayed
        speed: 700,                     // amount of time slide transition lasts (in milliseconds)
        pager: true,                    // determines if a numeric pager is displayed (1 2 3 4...)
        pager_short: false             // determines if a 'short' numeric pager is displayed (1/4)
    });

    $('.prev').click(function () {
        slider.goToPreviousSlide();
        return false;
    });

    $('.next').click(function () {
        slider.goToNextSlide();
        return false;
    });

    $('.pager-link').hover(function () {
        var i = $('.pager-link').index(this) + 1;
        var li = $('#WorkSlider li:eq(' + i + ')');
        var item = $('.ProjectText b', li).html();
        $(this).html(item);
    }, function () {
        $(this).html('');
    }
    );

    var servicesslider = $('#ServiceSlider').bxSlider({
        alignment: 'horizontal',        // 'horizontal', 'vertical' - direction in which slides will move
        controls: false,                 // determines if default 'next'/'prev' controls are displayed
        speed: 700,                     // amount of time slide transition lasts (in milliseconds)
        pager: false            // determines if a 'short' numeric pager is displayed (1/4)
    });


    $('.ServicesLinks a').click(function () {
        var i = $('.ServicesLinks a').index(this);
        servicesslider.goToSlide(i);
    });


    //    $(".TextLine1").everyTime(8000, function(i) {
    //        IncrementTextLarge(this);
    //    });
    //    $(".TextLine2").everyTime(5000, function(i) {
    //        IncrementTextSmall(this);
    //    });

    $(".HomeScreen").everyTime(6000, function (i) {
        NextImage();
    });

});

function NextImage() {
    var t = $('.HomeScreen img');
    if (IndexImage == HomeImages.length) { IndexImage = 0 };
    $(t).fadeOut(1000, function() {
        var image = HomeImages[IndexImage];
        var newimg = $('<img>').attr('src', image).load(function() {
            $(t).attr('src', image);
            $(t).fadeIn(2000);
            IndexImage++;
        });
    });
}

function IncrementTextLarge(target) {
    if (IndexLarge == TextLarge.length) { IndexLarge = 0 };
    $(target).fadeOut("fast", function() {
        $(target).html(TextLarge[IndexLarge]);
        $(target).fadeIn("fast");
        IndexLarge++;
        });
    };  

function IncrementTextSmall(target) {
    if (IndexSmall == TextSmall.length - 1) { IndexSmall = 0 };
    $(target).fadeOut("slow", function(){
        $(target).html(TextSmall[IndexSmall]);
        $(target).fadeIn("slow");
        IndexSmall++;
        });
    };       

function ShowPopup() {
    $(".Overlay").fadeIn();
}

function HidePopup() {
    $(".Overlay").fadeOut();
}

// Send Email

function SendEmail(e) {
    var valid = Page_ClientValidate();
    if (!valid) {
        return false;
    }
    
    var _name = $("input[name$='txtName']").val();
    var _companyname = $("input[name$='txtCompanyName']").val();
    var _emailfrom = $("input[name$='txtEmail']").val();
    var _phone = $("input[name$='txtPhone']").val();
    var _refer = $("#ddlRefer option:selected").text();
    var _message = $('textarea#txtMessage').val();
    var _message = escape(_message);
    
    var loader = $('.AjaxLoad');
    var output = $('.MailResponse');

    $.ajax({
        beforeSend: function() { loader.fadeIn() },
        type: "POST",
        url: "App_Services/AjaxService.asmx/SendEmail",
        data: "{ '_name' : \"" + _name + "\", '_companyname' : \"" + _companyname + "\", '_emailfrom' : \"" + _emailfrom + "\", '_phone' : \"" + _phone + "\", '_refer' : \"" + _refer + "\", '_message' : \"" + _message + "\" }",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            loader.fadeOut();
            $(".SendButton").hide();
            $(".SendPanel").css("background-image", "url('/App_Assets/images/thanks.png')");            
            output.text(response.d);

        },
        failure: function(msg) {
            output.text(response.d);
        }
    });
}