// URL-Parameter
var mediaType;
var mediaItem; // ungenutzt, da noch kein echtes Deeplinking gefordert

// Pfad zum Json
var url = "../../static/media/";

// internationaler Name des MediaModuls für das Tracking
var mediaModulName;

var json;

/*
 * Checken, ob Media-Collection mehr als 1 Medienobjekt enthält
 */
function checkObjectSize(data){
    
    mediaModulName = data.title.MMinterName;
    var trackOpen = $(parent.document).find('title').text()+':'+mediaModulName;
    trackMe('open',trackOpen);

    var countMediaTypes = data.mediaImage.length + data.media360.length + data.mediaVideo.length + data.interaktiv.length;

    if(countMediaTypes == 1){
        // Nur ein Medienobjekt wird angezeigt
        buildOneMediaView(data);
    } else {
        // beide Ansichten zusammenbauen
        buildMultiMediaView(data);
        buildMultiMediaOverview(data);
    }
    
}

/*
 * Ansicht der Lightbox bei einem Medienobjekt
 * data = JSON-Object
 */
function buildOneMediaView(data){
    $('.m-feature').hide();
    $('.buttonsArea').hide();
    $('.allMediaLink').hide();
    $('#mediaModulArea').css({width: '565px'});
    $('.mediaModulCon').css('padding-bottom', '20px');

    $.each(data, function(index,value){
        if(data[index].length > 0){

            // Interaktiv
            if(data.interaktiv.length == 1){
                if(data.interaktiv[0].url.slice(data.interaktiv[0].url.length-3, data.interaktiv[0].url.length) == 'xml'){
                      trackMe('clickObject','Interaktiv:'+data.interaktiv[0].url);
                      loadSystemSpecial(data.interaktiv[0].url);

                }else if(data.interaktiv[0].url.slice(data.interaktiv[0].url.length-3, data.interaktiv[0].url.length) == 'swf'){
                      positionParentTB('565','585');
                      $(parent.document).find("#TB_iframeContent").css({width: '565px', height: '585px'});

                      trackMe('clickObject','Interaktiv:'+data.interaktiv[0].url);
                      loadInteractiveElement(data.interaktiv[0].url);

                      $('.controls h3').html(data.interaktiv[0].captionTitle);
                      $('.controls #productText').html(data.interaktiv[0].text);
                }else{
                      trackMe('clickObject','Interaktiv:'+data.interaktiv[0].url);
                      window.parent.location.href = data.interaktiv[0].url;
                }
            }else{
                positionParentTB('565','585');
                $(parent.document).find("#TB_iframeContent").css({width: '565px', height: '585px'});
            }
            // Bild
            if(data.mediaImage.length == 1) {
                var imageBig = '<img src="'+ data.mediaImage[0].url +'" alt="" id="big_'+data.mediaImage[0].contentID+'" />'
                // Besser: $('#movie')

                $('#flashcontent').html(imageBig);
                $('.controls h3').html(data.mediaImage[0].captionTitle);
                $('.controls #productText').html(data.mediaImage[0].text);

                trackMe('clickObject','Image:'+data.mediaImage[0].captionTitle);
            }

            // Video
            if(data.mediaVideo.length == 1){
                //console.log(mediaUrl);
                $('#flashcontent').flash({
                    allowScriptAccess:"always",
                    allowfullscreen: true,
                    src: draeger.DOCROOT + "/static/flash/media_modul/main.swf",
                    width: 546,
                    height: 471,
                    base: ".",
                    quality: "high",
                    flashvars: {
                        autoPlay : "true",
                        videoPath : data.mediaVideo[0].url,
                        playIcon : "#ffffff",
                        controlsBg : "#616469",
                        controlsBgAlpha : '1.0'
                    }
                    },
                    { version: "9.0.115.0" },
                    // Insert Flash Function
                    function(htmlOptions) {
                        $(this).addClass('flash-replaced');
                        $(this)[0].innerHTML=$.fn.flash.transform(htmlOptions);
                    },
                    // Noflash Alternative
                    function(htmlOptions) {

                    }

                );

                $('.controls h3').html(data.mediaVideo[0].captionTitle);
                $('.controls #productText').html(data.mediaVideo[0].text);

                trackMe('clickObject','Video:'+data.mediaVideo[0].captionTitle);
            }

            // 360 Grad
            if(data.media360.length == 1){
                //console.log(mediaUrl);
                $('#flashcontent').flash({
                    allowScriptAccess:"always",
                    allowfullscreen: true,
                    src: draeger.DOCROOT + data.media360[0].url,
                    width: 545,
                    height: 470,
                    base: ".",
                    quality: "high",
                    flashvars: {
                        autoPlay : "true",
                        playIcon : "#ffffff",
                        controlsBg : "#616469",
                        controlsBgAlpha : '1.0'
                    }
                    },
                    { version: "9.0.115.0" },
                    // Insert Flash Function
                    function(htmlOptions) {
                        $(this).addClass('flash-replaced');
                        $(this)[0].innerHTML=$.fn.flash.transform(htmlOptions);
                    },
                    // Noflash Alternative
                    function(htmlOptions) {

                    }

                );

                $('.controls h3').html(data.media360[0].captionTitle);
                $('.controls #productText').html(data.media360[0].captionTitle);

                trackMe('clickObject','360Grad:'+data.media360[0].captionTitle);
            }

        }
    })
}

/*
 * Ansicht der Lightbox bei mehreren Medienobjekten
 * data = JSON-Object
 */
function buildMultiMediaView(data){
    var prodTitle = '<h3>'+data.title.MMTitle+'</h3>';
    var prodCopy = '<p>'+data.title.MMCopy+'</p>';
    var flapHTML = '';

    var selectedId = false;

    // Tab für Image
    if(data.mediaImage.length > 0){
        var imagesHTML = '';
        $.each(data.mediaImage, function(index,val){
            if(val.selected==1){
                activeClass = ' class="active"';
                // Medientyp, Objekt-ID, Objekt-URL, Objekt-HL, Objekt-Copy
                viewMediaObject('mediaImage',val.contentID,val.url,val.captionTitle,val.text);
            } else {
                activeClass = '';
                if(mediaType == 'mediaImage' && index == '0'){
                    activeClass = ' class="active"';
                    selectedId = val.contentID;
                    viewMediaObject('mediaImage',val.contentID,val.url,val.captionTitle,val.text);
                }
            }

            imagesHTML += '<li><a'+activeClass+' id="'+val.contentID+'" rel="mediaImage" title="'+ val.captionTitle +'" rev="'+ val.text +'" lang="'+ val.url +'"><img src="'+ val.teaser +'" alt="'+ val.title +'" /></a></li>'
        });
        flapHTML += '<dt><b>'+draeger.MEDIAMODUL_IMAGES+'</b></dt><dd><div class="mediaArea"><ul class="thumbs inlineMedia">'+imagesHTML+'</ul></div></dd>';
    }

    // Tab für 360
    if(data.media360.length > 0){
        var threeSixtyHTML = '';
        $.each(data.media360, function(index,val){
            if(val.selected==1){
                activeClass = ' class="active"';
                // Medientyp, Objekt-ID, Objekt-URL, Objekt-HL, Objekt-Copy
                viewMediaObject('media360',val.contentID,val.url,val.captionTitle,val.text);
            } else {
                activeClass = '';
                if(mediaType == 'media360' && index == '0'){
                    activeClass = ' class="active"';
                    selectedId = val.contentID;
                    viewMediaObject('media360',val.contentID,val.url,val.captionTitle,val.text);
                }
            }
            threeSixtyHTML += '<li><a'+activeClass+' id="'+val.contentID+'" rel="media360" title="'+ val.captionTitle +'" rev="'+ val.text +'" lang="'+ val.url +'"><img alt="" id="iconExtra" src="'+draeger.DOCROOT +'/static/img/media_modul_icons_360.png" /><img src="'+ val.teaser +'" alt="'+ val.title +'" /></a></li>'
        });
        flapHTML += '<dt><b>'+draeger.MEDIAMODUL_360DEGREE+'</b></dt><dd><div class="mediaArea"><ul class="thumbs inlineMedia">'+threeSixtyHTML+'</ul></div></dd>';
    }

    // Tab für Video
    if(data.mediaVideo.length > 0){
        var videoHTML = '';
        $.each(data.mediaVideo, function(index,val){
            if(val.selected==1){
                activeClass = ' class="active"';
                // Medientyp, Objekt-ID, Objekt-URL, Objekt-HL, Objekt-Copy
                viewMediaObject('mediaVideo',val.contentID,val.url,val.captionTitle,val.text);
            } else {
                activeClass = '';
                if(mediaType == 'mediaVideo' && index == '0'){
                    activeClass = ' class="active"';
                    selectedId = val.contentID;
                    viewMediaObject('mediaVideo',val.contentID,val.url,val.captionTitle,val.text);
                }
            }
            videoHTML += '<li><a'+activeClass+' id="'+val.contentID+'" rel="mediaVideo" title="'+ val.captionTitle +'" rev="'+ val.text +'" lang="'+val.url+'"><img alt="" id="iconExtra" src="'+draeger.DOCROOT +'/static/img/media_modul_icons_video.png" /><img src="'+val.teaser+'" alt="'+val.title+'" title="'+val.title+'" /><span>'+val.title+'</span></a></li>'
        });
        flapHTML += '<dt><b>'+draeger.MEDIAMODUL_VIDEOS+'</b></dt><dd><div class="mediaArea"><ul class="thumbs inline">'+videoHTML+'</ul></div></dd>';
    }

    // Tab für Interaktiv
    if(data.interaktiv.length > 0){
        var interactiveHTML = '';
        $.each(data.interaktiv, function(index,val){
            if(val.selected==1){
                activeClass = ' class="active"';
                // Medientyp, Objekt-ID, Objekt-URL, Objekt-HL, Objekt-Copy
                viewMediaObject('interaktiv',val.contentID,val.url,val.captionTitle,val.text);
            } else {
                activeClass = '';
                if(mediaType == 'interaktiv' && index == '0'){
                    activeClass = ' class="active"';
                    selectedId = val.contentID;
                    viewMediaObject('interaktiv',val.contentID,val.url,val.captionTitle,val.text);
                }
            }
            interactiveHTML += '<li><a'+activeClass+' id="'+val.contentID+'" rel="interaktiv" title="'+ val.captionTitle +'" rev="'+ val.text +'" lang="'+ val.url +'"><img alt="" id="iconExtra" src="'+draeger.DOCROOT +'/static/img/media_modul_icons_interaktiv.png" /><img src="'+ val.teaser +'" alt="'+ val.title +'" /><span>'+val.title+'</span></a></li>'
        });
        flapHTML += '<dt><b>'+draeger.MEDIAMODUL_INTERACTIVE+'</b></dt><dd><div class="mediaArea"><ul class="thumbs inline">'+interactiveHTML+'</ul></div></dd>';
    }

    $('.mediaMenu').html(prodTitle+prodCopy+'<dl class="flaps">'+flapHTML+'</dl>');
    
    $('.mediaMenu ul a').click(function(){
        var that = this;
        $('.mediaMenu ul a').removeClass('active');
        // Medientyp, Objekt-ID, Objekt-URL, Objekt-HL, Objekt-Copy
        viewMediaObject(that.rel, that.id, that.lang, that.title, that.rev);
        generateControlButtons(data,that.id);
        $(that).addClass('active');
        return false;
    });
    // Erst bei Deeplinking wieder einkommentieren
    /*
    if(mediaItem === undefined){
        var foundFirstItem = false;
        
        $.each(data, function(n,cat){
            if(n == mediaType){
                $('#'+cat[0].contentID).addClass('active');
                    generateControlButtons(data,cat[0].contentID);
                    viewMediaObject(n, cat[0].contentID, cat[0].url, cat[0].captionTitle, cat[0].text);
            }
            
            if(foundFirstItem == true){
                return false;
            }
        });
    }
    else{
        generateControlButtons(data,selectedId=false);
    }
    */

    if(mediaType === undefined){
        var foundFirstItem = false;

        $.each(data, function(n,cat){
            $.each(cat, function(i,elem){
                if(cat[i]['contentID'] !== undefined){
                    foundFirstItem = true;
                    $('#'+cat[i]['contentID']).addClass('active');
                    generateControlButtons(data,cat[i]['contentID']);
                    viewMediaObject(n, cat[i]['contentID'], cat[i]['url'], cat[i]['captionTitle'],cat[i]['text']);
                }
                if(foundFirstItem == true){
                return false;
            }
            })
            if(foundFirstItem == true){
                return false;
            }
        });
    }
    else{
        //generateControlButtons(data,selectedId=false);
    }
    generateControlButtons(data,selectedId);

    
    $('.m-feature dl').flaps({accordion: true});

    $('.m-feature dl dd').hide();
    $('.m-feature dl dt').removeClass('flap-open');

    $('dl a.active').parents('dd').show();
    $('dl a.active').parents('dd').prev('dt').addClass('flap-open');
}
/*
 * Gewähltes Medienobjekt anzeigen
 *
 */
function viewMediaObject(mediaType,mediaID,mediaUrl,mediaHl,mediaCopy){
    //console.log(mediaType+mediaID+mediaUrl);
    if(mediaType=='mediaImage'){
        var imageBig = '<img src="'+ mediaUrl +'" alt="" id="big_'+mediaID+'" />'
        // Besser: $('#movie')
        $('#flashcontent').html(imageBig);

        $('.controls h3').html(mediaHl);
        $('.controls #productText').html(mediaCopy);

        trackMe('clickObject','Image:'+mediaHl);
    }

    if(mediaType=='mediaVideo'){
        //console.log(mediaUrl);
        $('#flashcontent').flash({
            allowScriptAccess:"always",
            allowfullscreen: true,
            src: draeger.DOCROOT + "/static/flash/media_modul/main.swf",
            width: 546,
            height: 471,
            base: ".",
            quality: "high",
            flashvars: {
                autoPlay : "true",
                videoPath : mediaUrl,
                playIcon : "#ffffff",
                controlsBg : "#616469",
                controlsBgAlpha : '1.0'
            }
            },
            { version: "9.0.115.0" },
            // Insert Flash Function
            function(htmlOptions) {
                $(this).addClass('flash-replaced');
		$(this)[0].innerHTML=$.fn.flash.transform(htmlOptions);
            },
            // Noflash Alternative
            function(htmlOptions) {

            }

        );

        $('.controls h3').html(mediaHl);
        $('.controls #productText').html(mediaCopy);

        trackMe('clickObject','Video:'+mediaHl);
    }

    if(mediaType=='media360'){
        //console.log(mediaUrl);
        $('#flashcontent').flash({
            allowScriptAccess:"always",
            allowfullscreen: true,
            src: encodeURI(draeger.DOCROOT+mediaUrl),
            width: 545,
            height: 470,
            base: ".",
            quality: "high",
            flashvars: {
                autoPlay : "true",
                playIcon : "#ffffff",
                controlsBg : "#616469",
                controlsBgAlpha : '1.0'
            }
            },
            { version: "9.0.115.0" },
            // Insert Flash Function
            function(htmlOptions) {
                $(this).addClass('flash-replaced');
		$(this)[0].innerHTML=$.fn.flash.transform(htmlOptions);
            },
            // Noflash Alternative
            function(htmlOptions) {

            }

        );

        $('.controls h3').html(mediaHl);
        $('.controls #productText').html(mediaCopy);

        trackMe('clickObject','360Grad:'+mediaHl);
    }

    if(mediaType=='interaktiv'){
        if(mediaUrl.slice(mediaUrl.length-3, mediaUrl.length) == 'swf'){
            loadInteractiveElement(mediaUrl);
            trackMe('clickObject','Interaktiv:'+mediaUrl);
        }else{

            var interaktivContent = '<div id="interaktivArea">\n\
            <h3>'+ mediaHl +'</h3>\n\
            <p>'+ mediaCopy +'</p>\n\
            <p class="specialLink"><a class="button" lang="'+ mediaUrl +'">'+ draeger.MEDIAMODUL_INTERACTIVEBUTTON +'</a></p>\n\
            <div>';

            $('#flashcontent').html(interaktivContent);
            if(mediaUrl.slice(mediaUrl.length-3, mediaUrl.length) == 'xml'){
                $('.specialLink .button').click(function(){
                    trackMe('clickObject','Interaktiv:'+mediaUrl);
                    loadSystemSpecial(mediaUrl);
                    return false;
                });
            }else{
                $('.specialLink .button').click(function(){
                    trackMe('clickObject','Interaktiv:'+mediaUrl);
                    window.open(mediaUrl,'Systemkomponente');
                    return false;
                });
            }
        }
    }

}
function loadSystemSpecial(systemXml) {
    //var pagesize = getParentPageSize();
    positionParentTB('510','974');
    $(parent.document).find("#TB_iframeContent").css({width: '944px', height: '510px'});

    var systemIntro = "true" ;
    $('#mediamodul').flash({
        allowScriptAccess:"always",
        allowfullscreen: true,
        src: draeger.DOCROOT+"/static/flash/systemcomponents/main.swf",
        width: 944,
        height: 510,
        base: ".",
        quality: "high",
        //bgcolor:"#fff",
        //salign:"lt",
        flashvars: { xmlPath: draeger.DOCROOT + systemXml, showIntro:systemIntro}
        },
        { version: "9.0.115.0" },
        // Insert Flash Function
        function(htmlOptions) {
                $(this).addClass('flash-replaced');
                $(this)[0].innerHTML=$.fn.flash.transform(htmlOptions);
        },
        // Noflash Alternative
        function(htmlOptions) {

    });
}

function loadInteractiveElement(urlSwf){
    $('#flashcontent').flash({
        allowScriptAccess:"always",
        allowfullscreen: true,
        src: encodeURI(draeger.DOCROOT+urlSwf),
        width: 545,
        height: 470,
        base: ".",
        quality: "high",
        flashvars: {
            autoPlay : "true",
            playIcon : "#ffffff",
            controlsBg : "#616469",
            controlsBgAlpha : '1.0'
        }
        },
        { version: "9.0.115.0" },
        // Insert Flash Function
        function(htmlOptions) {
            $(this).addClass('flash-replaced');
            $(this)[0].innerHTML=$.fn.flash.transform(htmlOptions);
        },
        // Noflash Alternative
        function(htmlOptions) {

        }

    );

}

function positionParentTB(pHeight,pWidth) {
 $(parent.document).find("#TB_window").css({marginLeft: '-' + parseInt((pWidth / 2),10) + 'px', width: pWidth + 'px'});
	if ( !(jQuery.browser.msie && jQuery.browser.version < 7)) { // take away IE6
		$(parent.document).find("#TB_window").css({marginTop: '-' + parseInt((pHeight / 2),10) + 'px'});
	}
}

/*
 * Erstellt "Blätter"-Buttons durch alle Kategorien
 * data = JSON-Object
 * selectedID = ID, des gewählten Elements in .mediamenu
 */
function generateControlButtons(data,selectedId){

    var controlIds = new Object();

    controlIds = iterateJson(data,selectedId);

    if(controlIds == false){
        $('.folio .backwards').hide();
        $('.folio .forwards').hide();
    } else {
        if(controlIds['prev'] == undefined || controlIds['prev'] == 'false'){
            $('.folio .backwards').hide();
        }else{
            $('.folio .backwards').attr('rel',controlIds['prev']).show();
        }

        if(controlIds['next'] == undefined || controlIds['next'] == 'false'){
            $('.folio .forwards').hide();
        }else{
            $('.folio .forwards').attr('rel',controlIds['next']).show();
        }
    }
    
}

var controlBtn = new Object();
function iterateJson(jsonObject, selectedItem){
    if(jsonObject !== undefined){

        if(selectedItem !== undefined){
            var jsonCats = new Array();
            $.each(jsonObject, function(categories,content){
                if(categories != 'title' && content.length != 0){
                    jsonCats.push(categories)
                }
            });

            // durch die Kategorien:
            $.each(jsonObject, function(n,cat){
                
                
                // durch die Kategorieinhalte:
                $.each(cat, function(i){
                    // nur wenn Kategorie nicht leer
                    if(cat.length != 0 && cat.length != undefined) {

                        var triggered=false;

                        // Falls initiale Anzeige
                        if(selectedItem == false){

                            // Markiertes Medienobjekt in JSON suchen für Deeplink
                            if(cat[i].selected == 1) {

                                if(cat[i+1]){
                                    controlBtn['next'] = cat[i+1].contentID;
                                } else {

                                    for(m=0;m<=jsonCats.length+1;m++){

                                        if (n == jsonCats[m]){

                                            if(jsonCats[m+1]) {
                                                controlBtn['next'] = jsonObject[jsonCats[m+1]][0].contentID;
                                                $('#flap-0-'+parseInt(m)).trigger('click');
                                                triggered=true;
                                                
                                            }else {
                                                controlBtn['next'] = 'false';
                                            }
                                        }
                                    }
                                }

                                if(cat[i-1]){
                                    controlBtn['prev'] = cat[i-1].contentID;
                                } else {

                                    for(m=0;m<=jsonCats.length+1;m++){

                                        if (n == jsonCats[m]){

                                            if(jsonCats[m-1]) {
                                                // Letztes Element vorherige Kategorie
                                                var catItemsJ = $.makeArray(jsonObject[jsonCats[m-1]]);
                                                var lastItemJ = catItemsJ.pop();
                                                controlBtn['prev'] = lastItemJ.contentID;
                                                 if(!triggered){
                                                    $('#flap-0-'+parseInt(m)).trigger('click');
                                                 }
                                            }else {
                                                controlBtn['prev'] = 'false';
                                            }
                                        }
                                    }
                                }
                            }

                        }else {

                            if(cat[i].contentID == selectedItem){

                                

                                if(cat.length != 0){
                                if(cat[i+1]){
                                    controlBtn['next'] = cat[i+1].contentID;
                                } else {

                                    for(m=0;m<=jsonCats.length+1;m++){

                                        if (n == jsonCats[m]){

                                            if(jsonCats[m+1]) {
                                                controlBtn['next'] = jsonObject[jsonCats[m+1]][0].contentID;
                                                $('#flap-0-'+parseInt(m)).trigger('click');
                                                triggered=true;
                                            }else {
                                                controlBtn['next'] = 'false';
                                            }
                                        }
                                    }
                                }
                                }

                                if(cat[i-1]){
                                    controlBtn['prev'] = cat[i-1].contentID;
                                } else {

                                    for(m=0;m<=jsonCats.length+1;m++){
                                        if (n == jsonCats[m]){

                                            if(jsonCats[m-1]) {
                                                // Letztes Element vorherige Kategorie
                                                var catItems = $.makeArray(jsonObject[jsonCats[m-1]]);
                                                var lastItem = catItems.pop();
                                                controlBtn['prev'] = lastItem.contentID;
                                                if(!triggered){
                                                    $('#flap-0-'+parseInt(m)).trigger('click');
                                                }
                                            }else {
                                                controlBtn['prev'] = 'false';
                                            }
                                        }

                                    }

                                }

                            }
                        }
                    }
                });
                
            });
            
            return controlBtn;
        }
    }
    return false;
}

/*
 * Ansicht der Lightbox "bei einem Medienobjekt"Alle Medien anzeigen"
 * data = JSON-Object
 */
function buildMultiMediaOverview(data){
    var prodTitle = '<h3>'+data.title.MMTitle+'</h3>';
    var allHTML = '';

    // Tab für Image
    if(data.mediaImage.length > 0){
        var imagesHTML = '';
        $.each(data.mediaImage, function(index,val){
            imagesHTML += '<li><a id="all'+val.contentID+'" rel="mediaImage" title="'+ val.title +'" rev="'+val.text+'" lang="'+val.url+'" href="#"><img src="'+ val.teaser +'" alt="'+ val.title +'" /></a></li>'
        });
        allHTML += '<div class="mediaBox"><p class="boxTitle"><b>'+draeger.MEDIAMODUL_IMAGES+'</b></p><ul>'+imagesHTML+'</ul></div>';
    }

    // Tab für 360
    if(data.media360.length > 0){
        var threeSixtyHTML = '';
        $.each(data.media360, function(index,val){
            threeSixtyHTML += '<li><a id="all'+val.contentID+'" rel="media360" title="'+ val.title +'" rev="'+val.text+'" lang="'+val.url+'" href="#"><img src="'+ val.teaser +'" alt="'+ val.title +'" /></a></li>'
        });
        allHTML += '<div class="mediaBox"><p class="boxTitle"><b>'+draeger.MEDIAMODUL_360DEGREE+'</b></p><ul>'+threeSixtyHTML+'</ul></div>';
    }

    // Tab für Video
    if(data.mediaVideo.length > 0){
        var videoHTML = '';
        $.each(data.mediaVideo, function(index,val){
            videoHTML += '<li><a id="all'+val.contentID+'" rel="mediaVideo" title="'+val.title+'" rev="'+val.text+'" lang="'+val.url+'" href="#"><img src="'+val.teaser+'" alt="'+val.title+'" title="'+val.title+'" /><span>'+val.title+'</span></a></li>'
        });
        allHTML += '<div class="mediaBox"><p class="boxTitle"><b>'+draeger.MEDIAMODUL_VIDEOS+'</b></p><ul>'+videoHTML+'</ul></div>';
    }

    // Tab für Interaktiv
    if(data.interaktiv.length > 0){
        var interactiveHTML = '';
        $.each(data.interaktiv, function(index,val){
            interactiveHTML += '<li><a id="all'+val.contentID+'" rel="interaktiv" title="'+ val.title +'" rev="'+val.text+'" lang="'+val.url+'"><img src="'+ val.teaser +'" alt="'+ val.title +'" /><span>'+ val.title +'</span></a></li>'
        });
        allHTML += '<div class="mediaBox"><p class="boxTitle"><b>'+draeger.MEDIAMODUL_INTERACTIVE+'</b></p><ul>'+interactiveHTML+'</ul></div>';
    }

    $('.allMediaCon').html(prodTitle+'<div class="mediaBoxes">'+allHTML+'</div>');

    $('.mediaBox:odd').css({backgroundColor: '#E4E7E9'});

    $('.mediaBox').each(function(i,item){
        $(item).addClass('cat'+i);
    });

    $('.mediaBox ul a').click(function(){
        var that = this;
        var contentId = that.id.substring(3,that.id.length);

        $('.mediaMenu ul a').removeClass('active');
        $('.mediaMenu ul a#'+contentId).addClass('active');

        var itemClasses = $(that).parents('.mediaBox').attr('class');
        var m = parseInt(itemClasses.slice(itemClasses.indexOf('cat')+3,itemClasses.indexOf('cat')+4));
        
        // Medientyp, Objekt-ID, Objekt-URL, Objekt-HL, Objekt-Copy
        viewMediaObject(that.rel, contentId, that.lang, that.title, that.rev);
        generateControlButtons(data,contentId);
        
        $('.m-feature dl dd').hide();
        $('.m-feature dl dt').removeClass('flap-open');
        $('#flap-0-'+m).addClass('flap-open');
        $('#flap-0-'+m).next().show();
        

        $('#mediamodul_overview').toggle();
        $('#mediamodul').toggle();
        return false;
    });

}

function trackMe(trackEvent,trackParam){

    if(trackEvent == 'open'){
        s.prop30 = s.eVar21 = trackParam;
        s.prop31 = s.eVar22 = '';
        s.prop32 = s.eVar23 = '';
        s.prop33 = s.eVar24 = '';
    } else {
        s.prop30 = s.eVar21 = '';
        s.prop31 = s.eVar22 = mediaModulName+':'+trackParam;
        s.prop32 = s.eVar23 = trackParam;
        s.prop33 = s.eVar24 = '';

        
    }
    s.linkTrackVars = 'prop30,prop31,prop32,prop33,eVar21,eVar22,eVar23,eVar24';
    // true -> Standard wäre "this", was dem href eines Links entsprechen würde. Gibt es kein href, wäre this=null.
    // 'o' -> normaler Link wird getrackt (kein Download- oder Exit-Link)
    s.tl(true,'o', 'Media Modul');
}

$().ready(function() {
    //var paramsArray = new Object();
    var urlParams = document.location.search.split('&');

    $.each(urlParams, function(n){
        if(urlParams[n].match('media-collection=')){
            param = urlParams[n].split('=');
            //paramsArray[param[0]]=param[1];
            mediaCollection = param[1];
        }
        if(urlParams[n].match('type=')){
            param = urlParams[n].split('=');
            //paramsArray[param[0]]=param[1];
            mediaType = param[1];
        }
        if(urlParams[n].match('contentID=')){
            param = urlParams[n].split('=');
            //paramsArray[param[0]]=param[1];
            mediaItem = param[1];
        }
        
    });
    
    checkObjectSize(mmJson);
    json = mmJson;

    // Sprachabhängige Texte einsetzen
    $('.close').text(draeger.CLOSE_BUTTON);
    $('#backwards').text(draeger.BACKWARD_BUTTON);
    $('#forwards').text(draeger.FORWARD_BUTTON);
    $('#mediamodul_overview .allMediaLink .button').text(draeger.DETAILMEDIA_BUTTON);
    $('#mediamodul .allMediaLink .button').text(draeger.ALLMEDIA_BUTTON);

    // Zwischen Ansichten wechseln
    $('#mediamodul_overview .allMediaLink .button, #mediamodul .allMediaLink .button').click(function(){
        $('#mediamodul_overview').toggle();
        $('#mediamodul').toggle();
    })

    // Vorwärts/Rückwärts blättern
    $('.folio .forwards').click(function(){
        var that = this.rel;
        $('.mediaMenu ul a').removeClass('active');
        var temp = $('#'+that);
        temp.addClass('active');
        viewMediaObject(temp.attr('rel'),temp.attr('id'),temp.attr('lang'),temp.attr('title'),temp.attr('rev'));
        generateControlButtons(json,that);
        return false;
    });

    $('.folio .backwards').click(function(){
        var that = this.rel;
        $('.mediaMenu ul a').removeClass('active');
        var temp = $('#'+that);
        temp.addClass('active');
        viewMediaObject(temp.attr('rel'),temp.attr('id'),temp.attr('lang'),temp.attr('title'),temp.attr('rev'));
        generateControlButtons(json,that);
        return false;
    });
});