$(document).ready(function() {

	$("a.GalleryImage").fancybox();

	$('#btn-3d').click(function() {
	  $('#product3d').slideDown("slow");
	  $('#productSliderToolTip').fadeIn('slow');
	});
	$('#btn-3d-close').click(function() {
		$('#productSliderToolTip').fadeOut('fast');
	  $('#product3d').slideUp("slow");
	});

$("a.searchBtn").click(function() { 
	$("#waitlayer").show(); 
	$("form#productsearchform").submit(); 
});

});


/* Product rotation */
var slider, imgs, activeImg, activeTempi;
$(document).ready(function () {
    activeTempi = 0;
    activeImg = 0;
    imgs = $("#product3dImgs img");

    // Fjern lige alle billederne paanaer det foerste
    imgs.each(function (i, n) {
        if (i > 0) $(this).hide();
    });

    //$('#product3dImgs').cycle('pause');
    //$('#product3dImgs').cycle('pause', { fx: 'none' });
    $("#productSlider").mousedown(function () {
        $("#productSliderToolTip").fadeOut('fast');
    });
    $("#productSlider").draggable(
        {
            containment: 'parent',
            axis: 'x',
            revert: true,
            revertDuration: 200,
            drag: function (event, ui) {
                //console.log(ui.position.left);
                pos = ui.position.left * 1;
                switch (true) {
                    case (pos >= -10 && pos <= 10):
                        activeTempi = 0;
                        clearTimeout(slider);
                        break;
                    case (pos <= 100 && pos > 0):
                        if (activeTempi != 500) {
                            adjustSlider(500, 'forward');
                            activeTempi = 500;
                        }
                        break;
                    case (pos <= 200 && pos > 100):
                        if (activeTempi != 200) {
                            adjustSlider(200, 'forward');
                            activeTempi = 200;
                        }
                        break;
                    case (pos > 200):
                        console.log('test');
                        if (activeTempi != 100) {
                            adjustSlider(100, 'forward');
                            activeTempi = 100;
                        }
                        break;
                    case (pos >= -100 && pos < 0):
                        if (activeTempi != 500) {
                            adjustSlider(500, 'backward');
                            activeTempi = 500;
                        }
                        break;
                    case (pos >= -200 && pos < -100):
                        if (activeTempi != 200) {
                            adjustSlider(200, 'backward');
                            activeTempi = 200;
                        }
                        break;
                    case (pos < -200):
                        if (activeTempi != 100) {
                            adjustSlider(100, 'backward');
                            activeTempi = 100;
                        }
                        break;
                    default:
                        if (activeTempi != 0) {
                            activeTempi = 0;
                            clearTimeout(slider);
                        }
                        break;
                }
            },
            stop: function (event, ui) {
                activeTempi = 0;
                clearTimeout(slider);
            }
        }
    );



});

function adjustSlider(timeout, direction) {
    switch (direction) {
        case 'forward':
            if (activeImg == imgs.length - 1) {
                nextImg = 0;
            } else {
                nextImg = activeImg + 1;
            }
            $(imgs[nextImg]).show();
            $(imgs[activeImg]).hide();
            activeImg = nextImg;
            clearTimeout(slider);
            slider = setTimeout("adjustSlider(" + timeout + ", '" + direction + "')", timeout);
            break;
        case 'backward':
            if (activeImg == 0) nextImg = imgs.length - 1;
            else nextImg = activeImg - 1;
            $(imgs[nextImg]).show();
            $(imgs[activeImg]).hide();
            activeImg = nextImg;
            clearTimeout(slider);
            slider = setTimeout("adjustSlider(" + timeout + ", '" + direction + "')", timeout);
            break;
    }
}