$(document).ready( function() {
	$("#mail_button").tooltip({ effect: 'slide'});
	$("#button_newsletter").tooltip({ effect: 'slide'});
	
	
	// Funktion zum Abspielen der Galerie
	function play_gallery() {
		setTimeout("$('#news_bilder').scrollable().play();", 6000);
	}
	
	
	
	// Galerie-Stop bei mouseover (#news_bilder)
	$('#news_bilder').mouseover( function () {
		$('#news_bilder').scrollable().stop();
	});
	// Galerie-Stop bei mouseleave (#news_bilder)
	$('#news_bilder').mouseleave( function () {
		play_gallery();
	});
	
	
	// Galerie-Stop bei mouseover (.navi)
	$('.navi').mouseover( function () {
		$('#news_bilder').scrollable().stop();
	});
	
	$('.navi ul li a').click( function () {
		$('#news_bilder').scrollable().stop();
	});
	
	
	// Galerie-Stop bei mouseover (#navi_showroom)
	$('#navi_showroom').mouseover( function () {
		$('#navi_showroom').scrollable().stop();
	});
	// Galerie-Stop bei mouseover (#navi_showroom)
	$('#navi_showroom').mouseover( function () {
		$('#navi_showroom').scrollable().stop();
	});
	// Galerie-Stop bei mouseover (#navi_showroom)
	$('#navi_showroom li a').click( function () {
		$('#navi_showroom').scrollable().stop();
	});


	//Value löschen
	/*$('#mail_feld').click(function() { 
		$(this).attr('value', '');
	});*/
	
	//"Newsletter" wieder ins Feld schreiben
	$('#mail_feld').blur(function() {
	    if ($(this).attr('value') == '') {
	        $(this).attr('value', 'Newsletter');
	    }
	});

	$('#news_bilder').scrollable({
		circular: true,
		loop: true,
		speed: 700}).autoscroll({ 
		autoplay: true,
		autostop: true,
		interval: 6000 }).navigator({ navi:'ul.navi', });
	
	$('#showroom_galerie').scrollable({
		circular: true,
		loop: true,
		speed: 700}).autoscroll({ 
		autoplay: true,
		autostop: true,
		interval: 6000 }).navigator({ navi:'#navi_showroom', });
	
	$('#kollektions_galerie').scrollable({ vertical: true, mousewheel: true, items:'.vert_items' });
	
	$("#main_hor").scrollable({

		// basic settings
		vertical: true,

		// up/down keys will always control this scrollable
		keyboard: 'static',

		// assign left/right keys to the actively viewed scrollable
		onSeek: function(event, i) {
			horizontal.eq(i).data("scrollable").focus();
		}

	// main navigator (thumbnail images)
	}).navigator("#kollektion_labelwahl");

	// horizontal scrollables. each one is circular and has its own navigator instance
	var horizontal = $(".scrollable").scrollable({ circular: true }).navigator(".navi");


	// when page loads setup keyboard focus on the first horzontal scrollable
	$("#kollektion_labelwahl li").click (function () {
		$("#markenname_aktuell").text($(this).attr("title"));	
	});
	
});