jQuery.noConflict();

jQuery(document).ready(function() {
//fade in image
    jQuery("img#slideImg").fadeTo("slow", 1.5);

//set vars
    var slidewidth = 101;
    var slidestotal = jQuery("ul#slideThums img").length;
    var scrollwidth =  (slidewidth * (slidestotal)) + slidestotal/2;
    var slideShowFrames = 6;
    var movex =  slidewidth * 4; // Amount to move scroll for each click.
    var scrollmax = scrollwidth - (slidewidth * (slideShowFrames));

//set outside container
    jQuery("div#thumNails").css("overflow-y","hidden")
                .css("height",slidewidth+"px")
                .css("width",(slidewidth*slideShowFrames)+100+"px");

//set scroll width
    jQuery("ul#slideThums").css("width",scrollwidth+"px")
                .css("height",slidewidth+"px")
                .css("position","relative");

//set active thumnail
    jQuery("ul#slideThums img").eq(slidenum-1).parent().addClass("active");


//create control bar using jcarousel classes
    var jcarouselContainer = document.createElement("div");
    jQuery(jcarouselContainer).addClass("jcarousel-skin-slideshow")
                   .addClass("jcarousel-container")
                   .addClass("jcarousel-container-horizontal")
                   .css("display","block");




    var jcarouselPrev= document.createElement("div");
    jQuery(jcarouselPrev).addClass("jcarousel-prev")
                   .addClass("jcarousel-prev-horizontal")
                   .css("display","block");

    var jcarouselNext= document.createElement("div");
    jQuery(jcarouselNext).addClass("jcarousel-next")
                   .addClass("jcarousel-next-horizontal")
                   .css("display","block");

    var jcarouselclip= document.createElement("div");
    jQuery(jcarouselclip).addClass("jcarousel-clip")
                   .addClass("jcarousel-clip-horizontal");




    // set the initial page //

    if(queryString('slide') == 1 || !queryString('slide')) {
        var initpos = 0;
        var initmove = 0;
        var slidenum = 1;

    // disable prev control bar
        jQuery(jcarouselPrev).toggleClass("jcarousel-prev-disabled")
                   .toggleClass("jcarousel-prev-disabled-horizontal");

    } else if(queryString('slide') == slidestotal || slidestotal - queryString('slide') < slideShowFrames ) {
        var initpos = scrollmax;
        var initmove = scrollmax;
        var slidenum = queryString('slide');

    // disable next control bar
        jQuery(jcarouselNext).toggleClass("jcarousel-next-disabled")
                   .toggleClass("jcarousel-next-disabled-horizontal");


    } else {
        var slidenum = queryString('slide');
        var clickOffset = parseInt(slidenum / slideShowFrames);
        var cOffsetReminder = slidenum - (clickOffset * slideShowFrames);
        var initpos = (cOffsetReminder-2)* slidewidth + clickOffset * movex;
        var initmove = (cOffsetReminder-2)* slidewidth + clickOffset * movex;
    }

    var slideThums = jQuery("ul#slideThums");
    jQuery(jcarouselclip).append(slideThums);
    jQuery(jcarouselContainer).append(jcarouselPrev);
    jQuery(jcarouselContainer).append(jcarouselNext);
    jQuery(jcarouselContainer).append(jcarouselclip);
    jQuery("div#thumNails").append(jcarouselContainer);

    jQuery("ul#slideThums").css( "left","-"+initpos+"px");

    var move= -initmove;

    // set the onclick function for next/prev arrow //

    jQuery("div#thumNails div.jcarousel-prev ").click( function() {
        if ( jQuery("div.jcarousel-prev").is('.jcarousel-prev-disabled')
            && jQuery("div.jcarousel-prev").is('.jcarousel-prev-disabled-horizontal')){
            return false;
        }
        if (  move >= 0) {
            move = 0;
            jQuery("ul#slideThums").css("left",0);
            // disable prev controller
            if (!jQuery("div.jcarousel-prev").is('.jcarousel-prev-disabled')
                && !jQuery("div.jcarousel-prev").is('.jcarousel-prev-disabled-horizontal')){
                // disable prev control bar
                jQuery("div.jcarousel-prev").toggleClass("jcarousel-prev-disabled")
                  .toggleClass("jcarousel-prev-disabled-horizontal");
            }
        } else {
            move = move +movex;
            if ( move >= 0) {
                jQuery("ul#slideThums").animate({left:2},"fast");
                jQuery("ul#slideThums").css("left",0);
                // disable prev controller
                if (!jQuery("div.jcarousel-prev").is('.jcarousel-prev-disabled')
                    && !jQuery("div.jcarousel-prev").is('.jcarousel-prev-disabled-horizontal')){
                    // disable prev control bar
                    jQuery("div.jcarousel-prev").toggleClass("jcarousel-prev-disabled")
                      .toggleClass("jcarousel-prev-disabled-horizontal");
                }
            }else {
                jQuery("ul#slideThums").animate({left:move},"fast");
            }

            // enable next control bar
            if ( jQuery("div.jcarousel-next").is('.jcarousel-next-disabled')
                && jQuery("div.jcarousel-next").is('.jcarousel-next-disabled-horizontal')){
                // disable prev control bar
                jQuery("div.jcarousel-next").toggleClass("jcarousel-next-disabled")
                   .toggleClass("jcarousel-next-disabled-horizontal");
            }
        }

        return false;
    });

    jQuery("div#thumNails div.jcarousel-next").click( function() {
        if ( jQuery("div.jcarousel-next").is('.jcarousel-next-disabled')
            && jQuery("div.jcarousel-next").is('.jcarousel-next-disabled-horizontal')){
            return false;
        }

        if ( move -movex + scrollmax <= 0) {
            jQuery("ul#slideThums").animate({left: -scrollmax},"fast");
            // disable next controller
            if ( !jQuery("div.jcarousel-next").is('.jcarousel-next-disabled')
                && !jQuery("div.jcarousel-next").is('.jcarousel-next-disabled-horizontal')){
                // disable prev control bar
                jQuery("div.jcarousel-next").toggleClass("jcarousel-next-disabled")
                   .toggleClass("jcarousel-next-disabled-horizontal");
            }

        } else {
            move = move-movex;
            jQuery("ul#slideThums").animate({left: move }, "fast");
            // enable prev controller
            if (jQuery("div.jcarousel-prev").is('.jcarousel-prev-disabled')
                && jQuery("div.jcarousel-prev").is('.jcarousel-prev-disabled-horizontal')){
                // disable prev control bar
                jQuery("div.jcarousel-prev").toggleClass("jcarousel-prev-disabled")
                  .toggleClass("jcarousel-prev-disabled-horizontal");
            }

        }
        return false;
    });



});