$(function(){
    
    //////////////////////////////////////////////////////////////////////////////////////////
    //
    //      Slider
    //
    //
    
    //Konfigurationsparameter
    //Ermitteln wie weit geschoben werden darf
    $maxSlide = $('#handyContainer').width() -  $('#handy-wrapper').width();
    $minSlide = 0;
    $slideSpeed = 'slow';
    $slideHandyWidth = 115;
    
    $('#pfeil-rechts').click(function(){
        
        //Aktuelle MarginLeft ermitteln und in eine Ganzzahl umwandeln
        $handyContainer = parseInt( $('#handyContainer').css('marginLeft').substring( 0 , $('#handyContainer').css('marginLeft').length - 2 ));
    
        //Slider darf noch verschobene werden da er nicht den Maximalwert maxSlide erreicht hat und ob der Pfeil nicht den Status disable besitzt    
        if( $handyContainer*-1 < $maxSlide && $(this).attr('class') != 'disable' ){
            
            //kurzzeitiges Deaktivieren des Buttons damit der MarginLeft Wert nicht verfälscht wird
            $(this).addClass('disable');
            
            $('#handyContainer').animate({
                    marginLeft : $handyContainer+$slideHandyWidth*-1}
                    ,$slideSpeed, function(){
                    $('#pfeil-rechts').removeClass('disable');
            });
        }
        
        
            
    })
    
    $('#pfeil-links').click(function(){
        
        //Aktuelle MarginLeft ermitteln und in eine Ganzzahl umwandeln
        $handyContainer = parseInt( $('#handyContainer').css('marginLeft').substring( 0 , $('#handyContainer').css('marginLeft').length - 2 ));
    
        //Slider darf noch verschobene werden da er nicht den Maximalwert maxSlide erreicht hat und ob der Pfeil nicht den Status disable besitzt   
        if( $handyContainer*-1 > 0 && $(this).attr('class') != 'disable' ){
            
            //kurzzeitiges Deaktivieren des Buttons damit der MarginLeft Wert nicht verfälscht wird
            $(this).addClass('disable');
            
            $('#handyContainer').animate({
                    marginLeft : $handyContainer+$slideHandyWidth}
                    ,$slideSpeed, function(){
                    $('#pfeil-links').removeClass('disable');
            });
        }

    })
    
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    //
    //
    //  Externer FLV Player
    //
    //
    
    $("div[rel]").overlay({

		mask: '#000',
		effect: 'apple',
        top : 'center',

		onBeforeLoad: function() {

			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");

			// load the page specified in the trigger
			wrap.load( this.getTrigger().attr("href") );
		}

	});
    
    
    
})