/* Austausch der Iphone Apps  */
function iPhoneStage() {
	
	var trigger = $('.app-preview li a');
	$('.app-info div:first').addClass('shown').siblings('div').hide();
	
	trigger.click(function(event){
	    event.preventDefault();
		var target = $('.app-info div');
		var clickEl = $(this);
    	var elId    = clickEl.attr('data-id' || 'href');
		var target  = $('#'+elId);
		if (target.hasClass('shown')) {
			return;
		}
		target.siblings('div').hide().removeClass('shown');
		target.show('fade', {}, 1000).addClass('shown');
	});
}

/* Click Carousel */
function showPreview() {
    var trigger = $('.teaser-carousel .jcarousel-item a');

    trigger.click(function(event) { 
        var clickEl = $(this);
        var elId    = clickEl.attr('href');
        var target  = $('#'+elId);
        if (target.hasClass('shown')) {
            return;
        }
			event.preventDefault();
		if($('a').hasClass('active')){
		    event.preventDefault();
		}	
        target.siblings('article').hide().removeClass('shown');
        target.show('fade', {}, 1000).addClass('shown');
        
        clickEl.addClass('active');
    });    

}

/*  ==========================================================================================================  */
/*  ToggleBox
/*  ==========================================================================================================  */
function toggleBox() {
	$('.toggle-head').click(function(event) {
		$(this).next().slideToggle('slow').parents().siblings('li').children(".toggle-body").slideUp(1500);
   });
}


/*  ==========================================================================================================  */
$(document).ready(function() {
		
	/*  Open links in a new Window */
	$('.projekte a, .simple-carousel a, .partner .box a, .friendfeed a, #twitter_update_list a, .delicious-link, .kunden-accordion td a, .sb-list a').attr({target:"_blank"});

	/* Bei aktiviertem js wird dem body die ID "js" gegeben */
    $('body').attr('id', 'js');
    
	toggleBox();
	
    $('.idon').tabs();

    /* Simple Carousel */
    if ($('.simple-carousel').length) {
        $('.simple-carousel').jcarousel({
            scroll:1,
            wrap:'last'
        });
    }
	/* Click Carousel*/
	if ($('.teaser-carousel').length) {
	     $('.teaser-carousel').jcarousel();
	}
	
	/* Accordion */
	if($(".accordion").length) {
	    $(".accordion").accordion({
    		collapsible: true,
    		active:0,
    		autoHeight: false
    	});
	}
	if($(".main-content .accordion").length) {
	    $(".main-content .accordion").accordion({
    		collapsible: true,
    		active:false,
    		autoHeight: false
    	});
	}
	if($('.kunden-accordion').length) {
	    $('.kunden-accordion').accordion({
	        collapsible: true,
	        active:false,
	        autoHeight: false
	    });
	}
	
	if($('a.fancy').length) {
		var _description = null;
		$("a.fancy").click(function() {
			_description = jQuery(this).next('div.description').html();
		});

		 $("a.fancy").fancybox({
			'transitionIn'	:	'fade',
			'transitionOut'	:	'fade',
			'speedIn'		:	500, 
			'speedOut'		:	500, 
			'onComplete'	:   function () {
				var title = $('#fancybox-title').append(_description);
			}

		});
	}
	
    showPreview();
	
	iPhoneStage();
	
	/* Apply fancybox to multiple items */
	
	
});