/*++++++++++++++++++++++++++++++[ Global variable declaration written on 28-11-2011 for dots and coms.co.uk ]++++++++++++++++++++++++++++++++++++*/

var useaxis = "";
var thetimeout;
var vscrolltime = 700;
var hscrolltime = 1168;

function formwrangler(loc) {
    $('input,select,textarea').attr("disabled", "true");
    if (!loc) { } else {
        lclstr = "#" + loc + " input," + "#" + loc + " select," + "#" + loc + " textarea";
        $(lclstr).removeAttr("disabled");
    }
}

function settransit() { currentloc = "transit";}
function resetpta() { window.location = "/";}//set the home page redirection when click on the dnc logo

function scrollit(target, speed, useaxis) {
    formwrangler(target);
    var efftarget = target;
    var effcurrentloc = currentloc;
    if (target == "Cx2") efftarget = "Cx2";
    if (currentloc == "Cx2") effcurrentloc = "Cx2";
    if (target == "Cx1") efftarget = "Cx1";
    if (currentloc == "Cx1") effcurrentloc = "Cx1";
    if (!useaxis) useaxis = "y";
    if (!speed) speed = vscrolltime * (Math.abs(coord(efftarget)['y'] - coord(effcurrentloc)['y'])); if (speed < vscrolltime) speed = 200;

    function coord(thedata) {
        var thesplit = thedata.split("x");
        var out = new Array();
        out['x'] = thesplit[0];
        out['y'] = parseFloat(thesplit[1]);
        return out;
    }

    $(".contentLayer").stop();
    $(".contentLayer").dequeue();
    $(".contentLayer").dequeue();
    $(".contentLayer").dequeue();
    $(".contentLayer").dequeue();

    //animatting page
    if (currentloc == "transit") {
        $(".contentLayer").scrollTo($('#' + target), 400, { queue: true,
            axis: 'xy',
            easing: "jswing",
            over: { top: .5, left: .5 },
            offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
            onAfter: function () { currentloc = target }
        });

    } else if (target == currentloc) {
        $(".contentLayer").scrollTo($('#' + currentloc), 400, { queue: true,
            axis: 'xy',
            easing: "jswing",
            over: { top: .5, left: .5 },
            offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
            onAfter: function () { currentloc = target }
        });
    }
    else if (currentloc == "Cx2") {
        settransit();
        if (target == "Cx3") {
            $(".contentLayer").scrollTo($('#Cx3'), vscrolltime,

  { queue: false,
      axis: "y",
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () { currentloc = target; }
  });

        } else {
            $(".contentLayer").scrollTo($('#Ax3'), 2 * hscrolltime,
  { queue: true,
      axis: "x",
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () {
          $(".contentLayer").scrollTo($('#' + target), speed,
  { queue: false,
      axis: 'y',
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () { currentloc = target }
  })
      }
  });
        }
    }

    else if (currentloc == "Cx3") {
        settransit();
        if (target == "Cx2") {
            $(".contentLayer").scrollTo($('#Cx2'), vscrolltime,
  { queue: false,
      axis: "y",
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () { currentloc = target; }
  });
        } else {
            $(".contentLayer").scrollTo($('#Ax2'), 2 * hscrolltime,
  { queue: false,
      axis: "x",
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () {
          $(".contentLayer").scrollTo($('#' + target), speed,
  { queue: false,
      axis: 'y',
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () { currentloc = target }
  })
      }
  });
        }


    }
    else if (target == "Cx2") {
        settransit();
        $(".contentLayer").scrollTo($('#Ax2'), speed,
  { queue: false,
      axis: "y",
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () {
          $(".contentLayer").scrollTo($('#Cx2'), 2 * hscrolltime,
  { queue: false,
      axis: 'x',
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () { currentloc = "Cx2" }
  });
      }
  });
    } else if (target == "Cx3") {
        $(".contentLayer").scrollTo($('#Ax4'), speed,
  { queue: false,
      axis: "y",
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () {
          $(".contentLayer").scrollTo($('#Cx3'), (2 * hscrolltime),
  { queue: false,
      axis: 'x',
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () { currentloc = "Cx3" }
  });
      }
  });
    } else {

        $(".contentLayer").scrollTo($('#' + target), speed,
  { queue: false,
      axis: useaxis,
      easing: "jswing",
      over: { top: .5, left: .5 },
      offset: { top: -(vpover2('h')), left: -(vpover2('w')) },
      onAfter: function () { currentloc = target; }
  });

    } // /else
    return true;
}

// ajustframe(), move menu() to set the position of the left menu navigation
function adjustframe() {
    clearTimeout(thetimeout);
    thetimeout = window.setTimeout(function () { scrollit(currentloc, "fast", 'xy'); movemenu(); }, 300);
    }

function movemenu() {
    width = document.documentElement.clientWidth
    height = document.documentElement.clientHeight
    left = (width - 1100) / 2 + "px";
    topx = (height - 550) / 2 + "px";
    $(".navcontainer").animate({
        left: left,
        top: topx
    });
}

$(document).ready(function () {
    $('.sliding')._TMS({//home page slider
        prevBu: false,
        nextBu: false,
        playBu: false,
        duration: 800,
        easing: 'easeOutQuad',
        preset: 'simpleFade',
        pagination: '.pagination',
        slideshow: 5000,
        numStatus: true,
        banners: 'fromTop', // fromLeft, fromRight, fromTop, fromBottom
        waitBannerAnimation: true,
        pauseOnHover: true,
        progressBar: '<div class="progbar"></div>'
    })

    //footer left navigation show/hide() fn
    $("p.ftr1").show();
    $("p.ftr2").hide();
    $("p.ftr3").hide();
    $("p.ftr4").hide();
    $("p.ftr5").hide();
    $("p.ftr6").hide();


    $("a#dnc1").click(function (event) {
        event.preventDefault();
        $("p.ftr1").show();
        $("p.ftr2").hide();
        $("p.ftr3").hide();
        $("p.ftr4").hide();
        $("p.ftr5").hide();
        $("p.ftr6").hide();
    });
    $("a#dnc2").click(function (event) {
        event.preventDefault();
        $("p.ftr1").hide();
        $("p.ftr2").show();
        $("p.ftr3").hide();
        $("p.ftr4").hide();
        $("p.ftr5").hide();
        $("p.ftr6").hide();
    });
    $("a#dnc3").click(function (event) {
        event.preventDefault();
        $("p.ftr1").hide();
        $("p.ftr2").hide();
        $("p.ftr3").show();
        $("p.ftr4").hide();
        $("p.ftr5").hide();
        $("p.ftr6").hide();
    });
    $("a#dnc4").click(function (event) {
        event.preventDefault();
        $("p.ftr1").hide();
        $("p.ftr2").hide();
        $("p.ftr3").hide();
        $("p.ftr4").show();
        $("p.ftr5").hide();
        $("p.ftr6").hide();
    });
    $("a#dnc5").click(function (event) {
        event.preventDefault();
        $("p.ftr1").hide();
        $("p.ftr2").hide();
        $("p.ftr3").hide();
        $("p.ftr4").hide();
        $("p.ftr5").show();
        $("p.ftr6").hide();
    });
    $("a#dnc6").click(function (event) {
        event.preventDefault();
        $("p.ftr1").hide();
        $("p.ftr2").hide();
        $("p.ftr3").hide();
        $("p.ftr4").hide();
        $("p.ftr5").show();
        $("p.ftr6").hide();
    });
    $("a#dnc7").click(function (event) {
        event.preventDefault();
        $("p.ftr1").hide();
        $("p.ftr2").hide();
        $("p.ftr3").hide();
        $("p.ftr4").hide();
        $("p.ftr5").hide();
        $("p.ftr6").show();
    });
    $("a#dnc8").click(function (event) {
        event.preventDefault();
        $("p.ftr1").hide();
        $("p.ftr2").hide();
        $("p.ftr3").hide();
        $("p.ftr4").hide();
        $("p.ftr5").hide();
        $("p.ftr6").show();
    });
    $("a#dnc9").click(function (event) {
        event.preventDefault();
        $("p.ftr1").hide();
        $("p.ftr2").hide();
        $("p.ftr3").hide();
        $("p.ftr4").hide();
        $("p.ftr5").hide();
        $("p.ftr6").show();
    });

    $('.slider').bxSlider({
        pager: true,
        mode: 'horizontal', // 'horizontal', 'vertical', 'fade'
        controls: true,
        auto: true,
        speed: 1000,
        pause: 3000,
        easing: 'swing'
    });
    $('.carousel_slide').bxSlider({
        pager: false,
        mode: 'horizontal', // 'horizontal', 'vertical', 'fade'
        controls: false,
        auto: true,
        speed: 1000,
        pause: 3000,
        easing: 'swing'
    });

    formwrangler();
    //pop up window jquery function
    var myOpen = function (hash) { hash.w.fadeIn('fast'); hash.o.css('opacity', 0.5).fadeIn('fast'); };
    var myClose = function (hash) { hash.w.fadeOut('fast'); hash.o.css('opacity', 0.5).fadeOut('fast'); };

    $('#funfacts').jqm({ onShow: myOpen, onHide: myClose, trigger: 'a.trigger_funfacts' });
    $('#onlinerequest').jqm({ onShow: myOpen, onHide: myClose, trigger: 'a.trigger_onlinerequest' });
    $('#designformreq').jqm({ onShow: myOpen, onHide: myClose, trigger: 'a.trigger_designformreq' });
    $('#ecomformreq').jqm({ onShow: myOpen, onHide: myClose, trigger: 'a.trigger_ecomformreq' });
    $('#hostinplan').jqm({ onShow: myOpen, onHide: myClose, trigger: 'a.trigger_hostinplan' });
    $('#domainreg').jqm({ onShow: myOpen, onHide: myClose, trigger: 'a.trigger_domainreg' });
    $('#askQuest').jqm({ onShow: myOpen, onHide: myClose, trigger: 'a.trigger_askQuest' });

    adjustframe();
    window.onresize = adjustframe;
    $('.unclickable').click(function (event) {
        event.preventDefault();
    });
    //left navigation click event fn()
    $('.scrollink').click(function () {
        if (scrollit($(this).attr("href"))) {
            $('.navlist .active').removeClass("active");
            $(this).addClass("active");
        }
    });
});

//Image preload function
PreImage1 = new Image(88, 31);
PreImage1.src = "\/_img\/tree100x81.gif";

var effects = new Array();
effects[0] = "scale";
effects[1] = "blind";
effects[2] = "clip";
effects[3] = "drop";
effects[4] = "explode";
effects[5] = "fold";
effects[6] = "puff";
effects[7] = "slide";


function vpover2(dim) {
    var activedim;

    switch (dim) {
        case 'w':
            activedim = document.documentElement.clientWidth;
            break;
        case 'h':
            activedim = document.documentElement.clientHeight;
            break;
    }
    return ((activedim / 2) - 1);
}

function preloadImages(imgs) {

    var picArr = [];

    for (i = 0; i < imgs.length; i++) {

        picArr[i] = new Image(100, 100);
        picArr[i].src = imgs[i];
    }
}

preloadImages(['images/dnc.gif',
		'images/window.png',
		'images/webfrm.png',
		'images/testimonial.png',
		'images/icon_domainaspx.png'
        ]);
