jQuery.noConflict();

jQuery(document).ready(function () {

    detectIE();
    jQuery('#gallery_wrapper img').jail({ timeout: 1000, event: 'load' });
    setTimeout(fireGallery, 1000);
    setElements();
    jQuery(window).resize(function () {
        setElements();
    });
    jQuery('#buttons .prev, #buttons .next, #buttons .controller').click(function (e) {
        e.preventDefault();
    });

    jQuery('.scrollable .items div:first').removeClass('staged');

    jQuery('#navigation img').hoverIntent(fadeOut, fadeIn);

    jQuery('#slider1').bxSlider({
        controls: false,
        pager:true

    });

});
//** End **//



function setElements() {
	var win = jQuery(window).width();
	var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
	var leftMargin, leftButton, rightButton, galleryButton, galMargin;
	
	if(win < 1024) {
		leftMargin = 23
		leftButton = 5;
		rightButton = 5;
		galleryButton = 444.5;
	} else {
	   if(mobile) { 
	   	var mobSize = jQuery('.items div:first').width() + 63;
	   	galMargin = (win-mobSize)/2; 
	   } else {
	   	galMargin = (win-973)/2; 
	   }
	 
	   leftMargin = (win-973)/2;
	   leftButton = leftMargin-90;
	   rightButton = leftMargin-114;
	 }

	jQuery('.scrollable .items').css('margin-left', galMargin-10); 
	jQuery('#buttons').css('left', (win/2)-57.5);
}

function fireGallery() {

var gallery = jQuery('.scrollable').scrollable({
        circular: true,
        // mousewheel: true,
        speed: 200,
        onBeforeSeek: function() {
            var currSlide = this.getIndex();
            var slides = this.getItems();
        },
        onSeek: function() {
            var currSlide = this.getIndex();
            var slides = this.getItems();
			jQuery(slides).eq(currSlide).removeClass('staged');
			jQuery(slides).eq(currSlide -1).addClass('staged');
			jQuery(slides).eq(currSlide +1).addClass('staged');
        }

    }).autoscroll({
        autoplay: true,
        interval: 5000,
        autopause: false
    });

    var scrollApi = gallery.data("scrollable");

    jQuery('#gallerynav .controller').click(function (e) {
        var self = jQuery(this);
        e.preventDefault();
        if (self.hasClass('p')) {
            scrollApi.play();
            self.removeClass('p').addClass('s');
        } else if (self.hasClass('s')) {
            scrollApi.stop();
            self.removeClass('s').addClass('p');
        }
    });

    jQuery('#gallerynav .prev, #gallerynav .next').click(function (e) {
    	e.preventDefault();
    	scrollApi.stop();
    	if (jQuery('#gallerynav .controller').hasClass('s')) {
    	    jQuery('#gallerynav .controller').removeClass('s').addClass('p');
    	}
    });

}