$(document).ready(function(){
	
	// alle defaultmäßig zuklappen
		$('#promises .promise_content').css('display', 'none');
	
	// .no_javascript Klasse entfernen
		$('#promises .no_javascript').removeClass('no_javascript');
	
	$('#promises li .slide_btn').bind('click', function(event){
		event.preventDefault(); 
	
		$(this).parents('li').toggleClass("active");
		
		// title Attribut switchen
			if ($(this).parents('li').hasClass('active')) {
				$(this).attr('title', 'zuklappen');
			}
			else { 
				$(this).attr('title', 'aufklappen');
			}			
		
		// Auf- bzw. Zuklappen
			$(this).parent().nextAll('.promise_content').slideToggle();
	})
	
	
	// Button im Contentbereich
		$('#promises .slide_up_btn').bind('click', function(event){
			event.preventDefault(); 		
					
			$(this).parents('.promise_content').slideUp(function(){
				$(this).parents('li').removeClass('active');
				/*
				var parentLi = $(this).parents('li').attr('id');
				$('#' + parentLi + ' .slide_btn').trigger('focus');
				*/
				
				$(this).parents('li').find('.slide_btn').trigger('focus');
			});
			
		})	
	
	
	// Hover fn
		$('#promises li .slide_btn').hover(
			
			/* mouseover */
			function(){
				$(this).parents('li').addClass('hover');
			},
			/* mouseout */
			function(){
				$(this).parents('li').removeClass('hover'); 
			}
		)
		
	// Focus & Blur fn	
		$('#promises .promise_hl .slide_btn').bind('focus', function(){
			$(this).parents('li').addClass('hover');
		})
		$('#promises .promise_hl .slide_btn').bind('blur', function(){
			$(this).parents('li').removeClass('hover');
		})

						

    // Promises Video "Leben der Dose"
		var flashvars = {
      flvWidth: '421',
      flvHeight: '266',
      sourceURL: '/fileadmin/system/promo/qv_lebenderdose/flv/pedigree_qualitaetsversprechen_604x344_2010.flv'
		}
		attachVideo('video_lebenderdose',flashvars);

		// Promises Video "Futter"
		var flashvars = {
      flvWidth: '421',
      flvHeight: '266',
      sourceURL: '/fileadmin/system/assets/flash/promises_video/mmc_Pedigree_Fabriksbes_Vid_v4_2010_03_09.flv',
      startPicURL: '/fileadmin/system/assets/flash/promises_video/video_futter_startbild.jpg'
    }
		attachVideo('video_futter',flashvars);






})



function attachVideo(id,variables){

		var flashvars = variables;
		
		var params = {
			menu: "false",
			allowFullScreen: "true"
		};
		
		var attributes = {};
		
    swfobject.embedSWF("/fileadmin/system/assets/flash/promises_video/videoplayer.swf", id, "421", "266", "9.0.0", "expressInstall.swf", flashvars, params, attributes);

}


