/* Slide */
$(document).ready(function() {
    $('#projectsdetail_carousel div').click(function() {
        var id = '_' + this.id.split("videocredit_")[1];
    
        if (id != null && document.getElementById('videoslide' + id) != null) {
			if (document.getElementById('videoslide' + id).style.display == 'block') {
				// Element ausblenden
				$('#videoslide' + id).animate({
					height: 'hide',
					opacity: 'hide'
				}, function() {
					$('#videoslide' + id).removeClass("active");	
				});					  
			} else
			{
				// Aktives Element ausblenden
				var active_id = $('#projectsdetail_carousel').find('div').filter('.active').attr('id');
				
				if (typeof active_id != 'undefined') {
					var id_active = '_' + active_id.split("videoslide_")[1];
					
					$('#videoslide' + id_active).animate({
						height: 'hide',
						opacity: 'hide'
					}, function() {
						$('#videoslide' + id_active).removeClass("active");	
					});							
				}
				
				// Element einblenden
				$('#videoslide' + id).animate({
					height: 'show',
					opacity: 'show'
				}, 'slow', function() {
					$('#videoslide' + id).addClass("active");
				});
			}
		}
    });
});

/* Slide Menu */
$(document).ready(function() {
    $('#slide_links img').click(function() {
		var id = '_' + this.id.split("watch_")[1];

        if (id != null && document.getElementById('slidemenu' + id) != null) {
			if (document.getElementById('slidemenu' + id).style.display == 'block') {
				// Element ausblenden
				$('#slidemenu' + id).animate({
					height: 'hide',
					opacity: 'hide'
				}, function() {
					$('#slidemenu' + id).removeClass("active_menu");	
				});					  
			} else
			{
				// Aktives Element ausblenden
				var active_id = $('#projectsdetail_carousel').find('ul').filter('.active_menu').attr('id');
				
				if (typeof active_id != 'undefined') {
					var id_active = '_' + active_id.split("slidemenu_")[1];
					
					$('#slidemenu' + id_active).animate({
						height: 'hide',
						opacity: 'hide'
					}, function() {
						$('#slidemenu' + id_active).removeClass("active_menu");	
					});							
				}
				
				// Element einblenden
				$('#slidemenu' + id).animate({
					height: 'show',
					opacity: 'show'
				}, 'slow', function() {
					$('#slidemenu' + id).addClass("active_menu");
				});
			}
		}
	});
});