/** JQuery is required **/

function addProductTabSwitching() {
    $("ul.tabs li a").click( function() {
        $("ul.tabs li a").removeClass("selected");
        $(this).addClass("selected");

        var target = $(this).attr("rel");
        $("div.details div").removeClass("active");
        $("div.details div").hide();
        $("div[id='"+ target +"']").show();
        $("div[id='"+ target +"']").addClass("active");
    });
}

function loadProduct(elemNo) {
    var toLoad = $(".productshowcase li:eq("+ elemNo +") a").attr("href");
    $(".detailswrap").load(toLoad +" .detailswrap", function() {
        addProductTabSwitching();
        Cufon.replace('h1,h2,h3,h4,h5,h6,div#header ul li a')
    });
}

function addProductSlider() {
    // Add prev/next buttons
    var $scroll = $('div.carouselwrapper');
    $scroll.before('<a class="scrollButtons prev" href="#">Previous</a>').after('<a class="scrollButtons next" href="#">Next</a>');

    // Hidden element for holding selected
    $scroll.after('<input type="hidden" id="selectedItem" value="0"/>');
    var $selectionHolder = $('#selectedItem');

    var $container = $('div.carouselwrapper ul.productshowcase');
    var $panels = $('li', $container);

    var windowLoc = window.location.toString();
    var selectedProduct = windowLoc.substring(windowLoc.lastIndexOf("/")+1, windowLoc.lastIndexOf(".php"));
    var start = 0;
    for (var i=0; i<$panels.length; i++) {
        if (selectedProduct == $("a", $panels[i]).attr("rel")) {
            start = i;
            break;
        }
    }
    $selectionHolder.val(start);
    $($panels[start]).addClass('selected');

    // Ensure we have the right width for the container
    $container.css('width', ($panels[0].offsetWidth * $panels.length)+43);

    var offset = -43;
    var scrollOptions = {
        target: $scroll, // the element that has the overflow

        force: true,

        cycle: true,

        // can be a selector which will be relative to the target
        items: $panels,

        navigation: 'div.slider a',

        // selectors are NOT relative to document, i.e. make sure they're unique
        prev: 'a.prev',
        next: 'a.next',

        // allow the scroll effect to run both directions
        axis: 'x',

        offset: offset,

        // Start item
        start: (start > 0 ? start - 1 : start),

        // duration of the sliding effect
        duration: 500,

        // easing - can be used with the easing plugin:
        // http://gsgd.co.uk/sandbox/jquery/easing/
        easing: 'swing',

        onBefore: beforeScroll
    };

    // apply serialScroll to the slider - we chose this plugin because it
    // supports// the indexed next and previous scroll along with hooking
    // in to our navigation.
    $('div.slider').serialScroll(scrollOptions);
}

function beforeScroll(event, target, toScroll, items, targetPos) {
    $(items).removeClass('selected');
    $(items[targetPos]).addClass('selected');
    loadProduct(targetPos);
    //window.location = window.location.toString().substring(0, window.location.toString().lastIndexOf('/')+1) + $('a', items[targetPos+1]).attr('rel') + '.php';
}

function abAnalytics() {
  var trk_sw = escape(screen.width).substring(0, 6);
  var trk_sh = escape(screen.height).substring(0, 6);
  var trk_ref = escape(document.referrer).substring(0, 1100);
  var trk_tit = escape(document.title).substring(0, 200);
  trk_tit = trk_tit.replace(/\%u00a0/g,'');
  trk_tit = trk_tit.replace(/\%u2122/g,'');
  trk_tit = trk_tit.replace(/\%u[0-9][0-9][0-9][0-9]/g,'');
  var trk_loc = escape(document.location).substring(0, 200);
  var trk_agn = escape(navigator.appName).substring(0, 100);
  var trk_agv = escape(navigator.appVersion).substring(0, 200);
  var trk_dom = escape(document.domain).substring(0, 200);
  var trk_user = '3928';

  var trk_cookie = document.cookie;

  var trk_img = 'https://secure.leadforensics.com/images/track/' + trk_user + '.png'
  var trk_link = trk_img + '?trk_user=' + trk_user + '&trk_sw=' + trk_sw + '&trk_sh=' + trk_sh + '&trk_ref=' + trk_ref + '&trk_tit=' + trk_tit + '&trk_loc=' + trk_loc + '&trk_agn=' + trk_agn + '&trk_agv=' + trk_agv + '&trk_dom=' + trk_dom + '&trk_cookie=' + trk_cookie;

  $('<img src="' + trk_link + '" width="1" height="1" border="0" style="display: none;" />').appendTo('#footer');
}