jQuery(document).ready(function () {

    var currentImage = "";
    var interfaceLock = false;

    jQuery("#roundrr_container").roundrrwheel(
	  	{
	  	    mode: 'pick', //mode can be pick or standard
	  	    autoplay: true,
	  	    autoplayDirection: 'clockwise',
	  	    autoplayDuration: 5000,
	  	    centerClass: 'roundrr_center',
	  	    listClass: 'list',
	  	    itemClass: 'item',
	  	    radius: 220,
	  	    animSpeed: 400,
	  	    centerX: 29,
	  	    centerY: 40, 
	  	    animationEffect: 1, //(1:off, 5:light,10:heavy, 15:subtle)
	  	    selectEvent: "click",

	  	    centerImageSrc: "../homepage_images/nktpl_logo3.png",
	  	    //on selecting/clicking an item on the wheel
	  	    onSelect: function ($selected) {
	  	        
	  	        showLargeImage($selected, 'noanim');
	  	    },
           
	  	    //on beginning to spin/animate the wheel
	  	    onNextBegin: function ($m) {

	  	        interfaceLock = true;

	  	    },
	  	    onPrevBegin: function ($m) {

	  	        interfaceLock = true;

	  	    },
	  	    //once an image has moved under the 'pick'
	  	    onImageFocus: function ($item) {

	  	        showLargeImage($item, 'none');


	  	    },
	  	    //once an image/image set is no longer under the 'pick'
	  	    onImageBlur: function ($item) {

	  	    },
	  	    //once the animation has completed
	  	    onAnimationComplete: function ($menu) {

	  	        jQuery('.centerImage').attr('src', "../homepage_images/nktpl_logo3.png");
	  	        jQuery('.centerImage').load(function () {

	  	            interfaceLock = false;
	  	        });


	  	    },
	  	    angleOffset: Math.PI,
	  	    onShow: function ($menuitems) {
	  	        $menuitems.each(function (i) {
	  	            var $this = jQuery(this);
	  	            $this.delay(i * 100).fadeIn(500);
	  	        });


	  	    }

	  	});





    jQuery("#roundrr_container").roundrrwheel("show");
    $('#next').bind('click', spinMenuRight);
    $('#prev').bind('click', spinMenuLeft);

    function showLargeImage($i, mode) {
        interfaceLock = true;
        var thisImage = $i.find('img');
        var focusedImage = thisImage.attr('src');
        var largerImage = focusedImage.replace('_bigger', '');
        var imageCaption = thisImage.attr('alt');
        var speechBubble = jQuery('.roundrr_speech');
        speechBubble.fadeIn();

        currentImage = largerImage;

        jQuery('#roundrr_caption').fadeIn();
        jQuery('#roundrr_caption').html(imageCaption);

        if (mode == 'noanim') {
            jQuery('.centerImage').attr('src', "../homepage_images/nktpl_logo3.png");
            jQuery('.centerImage').load(function () {
                interfaceLock = false;

            });
        }

    }


    /*Spin the menu to the left*/
    function spinMenuLeft() {
        if (!(interfaceLock)) {
            jQuery("#roundrr_container").roundrrwheel("prev");
        }
    }

    /*Spin the menu to the right*/
    function spinMenuRight() {
        if (!(interfaceLock)) {
            jQuery("#roundrr_container").roundrrwheel("next");
        }
    }

    /*Keydown events*/
    $(window).keydown(function (event) {
        var keycode = event.keyCode;
        switch (keycode) {
            case 39:
                spinMenuLeft();
                break;
            case 37:
                spinMenuRight();
                break;
        } 
    });


});