// JavaScript Document

var scrollerHandler;

$(document).ready(function() {

    /* cufon replace tekst */
    Cufon.replace('h2', { textShadow: '#fff 1px 1px' });
    Cufon.replace('h3', { textShadow: '#fff 1px 1px' });
    Cufon.replace('.webshop', { hover: false });
    Cufon.replace('.contact h2', { textShadow: '#aaa 1px 1px' });

    // verplaatsen menu, ivm z-indexen
    $('#menucontainer').html($('#mainmenu').html());
    $('#mainmenu').html('');

    $('.webshop').click(function() {
        $('.loginbox').toggleClass('hidden');
        $('.loginbox .form').removeClass('hidden');
        return false
    })
    $('.forgot').click(function() { $('.forgotpasswordbox').toggleClass('hidden'); return false })

    $('.menu li:not(.menu li li)').hover(
		function() {
		    $(this).addClass('hover');
		},
		function() {
		    $(this).removeClass('hover');
		    Cufon.refresh();
		}
	);
    Cufon.replace('.menu li a:not(.menu li li a)', { hover: true });

    /* input, selects, checkboxen */
    $('.form .item').jqTransform();

    //scrollerHandler = $(".display").scrollable({ circular: true, size: 1, speed: 800, clickable: false }).autoscroll({ interval: 5000 }).navigator({ navi: 'ul.icons' });
    $(".display").scrollable({ circular: true, size: 1, speed: 800, clickable: false }).autoscroll({ interval: 8000 }).navigator({ navi: 'ul.icons' });
    $(".gallery .images").scrollable({ size: 1, speed: 800 }).navigator({ navi: 'ul.icons' });
    $(".gallery .images a").click(function() {
        var a = $(this)
        $(".gallery .image img").fadeOut('slow', function() {
            $(this).attr("src", a.attr('rel'));
            $(this).fadeIn('slow');
        });
        return false;
    });

    $(".gallery .paging").each(function() {
        $(this).css('width', ($(this).find('a').size() * 30) + 'px')
    });

    $('.loginbox .password input').focus(function() { $(this).addClass('focus'); })
    $('.loginbox .password input').blur(function() { $(this).removeClass('focus'); })
    if ($('.loginbox').hasClass('invisible')) { $('.loginbox').removeClass('invisible').addClass('hidden'); }
    $('.forgotpasswordbox').removeClass('invisible').addClass('hidden');
})

function getFlashMovie(movieName) {
    var isIE = navigator.appName.indexOf("Microsoft") != -1;
    return (isIE) ? window[movieName] : document[movieName];
}

function UpdateMap() {
    swf = getFlashMovie('salonlocator');    
    if (swf) {        
        swf.showLocation($('#url').val());
    }
}

function SetVideo(url) {
    var flashvars = {
        video: url,
        screen: PROJECT_URL + "Content/img/preview.png"
	};
	var params = {
		menu: "false",
		wmode: "transparent",
		allowFullScreen: "true"
	};
	var attributes = {
	    bgcolor: "#000000"
	};
	$('#youtubemovie').fadeIn();
	$('#flashmovie').html('');
    swfobject.embedSWF(PROJECT_URL + "uploads/videoplayer.swf", "flashmovie", "524", "295", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
}

function HideVideo() {
    $('#youtubemovie').fadeOut();
}