$(document).ready(function(){

//---------------------------------------------
//      
//    Weihnachtsspecial - ICONS 2012
//
//    Code: Robin Schreiner
//    E-Mail: robin.schreiner@arsmedium.com
//
//    You look great today! :)
//
//---------------------------------------------

//-- Variablen
    var openCardID = 0;
    var specialCardID = 'test';
    var linktext = '';
    var renamed = '';
    var externeHTML = '';
    var closeCardID = 0;
    var dateiname = '';
    var someThingClicked = false;
    var titleTag = '';
    var tagcloud = false;
    var windowHeight = $(window).height();
    var windowWidth = $(window).width();
	var dmtop = 3800 + "px";
	var hm5top = 2700 + "px";

    
//-- Abfrage ob Startseite oder Profil
    if(startseite == true) {      
        $('#contentbox').hide();
        $('#contentright').hide();
        $('#contenttitleholder').remove();
        $('#closeBut').hide();
        $('#overlay').hide();      
        $('#overlay2').hide();
        $('#c95').hide();
    }
    if(startseite == false) { $('#container').hide();}
    
    
//-- Browserweiche (UAString Check) 
    function checkBrowserName(name) {
        var agent = navigator.userAgent.toLowerCase();
        if (agent.indexOf(name.toLowerCase()) > -1) {
            return true;
        }
        return false;
    }
	if (checkBrowserName('firefox')) { 
		var dmtop = 4050 + "px";
		var hm5top = 2700 + "px";
		}
  
//-- Closebutton Pfeil
    $("#closeBut").css("opacity","0.3");
    
     // Zoom für Tags 
    $(".card").hover(function() {
        $(this).css({
            '-moz-transform': 'scale(1.2)',
            '-webkit-transform': 'scale(1.2)'     
        });
    }, function() {
        if (!(someThingClicked)){
            $(this).css({
                '-moz-transform': 'scale(1)',
                '-webkit-transform': 'scale(1)'     
            });
        }
    });

    
//-- Content + Container an Browserhöhe anpassen    
    if (checkBrowserName('firefox')) {      var ol2Height = windowHeight - 110 + "px";}
    else if(checkBrowserName('safari')){    var ol2Height = windowHeight - 110 + "px";}
    else if(checkBrowserName('chrome')){    var ol2Height = windowHeight - 110 + "px";}
    else {                                  var ol2Height = windowHeight - 110 + "px";}
    
    $('#container').css({
        'width' : '100%',
        'height' : '100%',
        'padding-right' : '0px'
    });
    
    $('#content').css({
        'width' : '100%',
        'height' : ol2Height,
        'padding-right' : '0px'
    });
    
    $('#overlay, #overlay2').height(ol2Height);
    
    if(tagcloud == true && windowWidth <= 1024) {
        // kleine Browsergröße
    }
    
//-- Content + Container an Browserhöhe mit Resizetrigger
    $(window).bind("resize", resizeWindow);
    function resizeWindow(e) {
        var windowHeight = $(window).height();
        var olHeight = $(window).height() - 360 + "px";
        if (checkBrowserName('firefox')) {      var ol2Height = windowHeight - 110 + "px";}
        else if(checkBrowserName('safari')){    var ol2Height = windowHeight - 110 + "px";}
        else if(checkBrowserName('chrome')){    var ol2Height = windowHeight - 110 + "px";}
        else {                                  var ol2Height = windowHeight - 110 + "px";}
        
        $('#container').css({
            'width' : '100%',
            'height' : '100%',
            'padding-right' : '0px'
        });
        $('#content').css({
            'width' : '100%',
            'height' : ol2Height,
            'padding-right' : '0px'
        });
        
        $('#overlay2').height(ol2Height);
        $('#overlay').height(olHeight);
    };      

//-- Koordinaten vor und nach der Animation      
    var cardPos = {
                
        0: { // Conversionoptimierung
            left: '900px',
            top: '4400px',
            scale: '100',
            originaltop: '170px',
            originalleft: '40px'
        },
      
        1: { // Interest Graph
            left: '500px',
            top: '3250px',
            scale: '100',
            originaltop: '45px',
            originalleft: '455px'
        },
        
        2: { // Responsive Webdesign
            left: '700px',
            top: '3550px',
            scale: '100',
            originaltop: '100px',
            originalleft: '0px'
        },
      
        3: { // HTML5 
            left: '500px',
            top: hm5top,
            scale: '100',
            originaltop: '20px',
            originalleft: '35px'
        },
        
        4: { // SharedCommerce
            left: '-100px',
            top: '775px',
            scale: '100',
            originaltop: '45px',
            originalleft: '175px'
        },
        
        5: { // E-Books
            left: '500px',
            top: '-150px',
            scale: '100',
            originaltop: '280px',
            originalleft: '140px'
        },
        
        6: { // Daten-Mashups
            left: '700px',
            top: dmtop,
            scale: '100',
            originaltop: '235px',
            originalleft: '370px'
        },
        
        7: { // Mobile First
            left: '500px',
            top: '900px',
            scale: '105',
            originaltop: '-10px',
            originalleft: '270px'
        },
        
        8: { // Evolution of Business Models
            left: '500px',
            top: '2500px',
            scale: '150',
            originaltop: '285px',
            originalleft: '350px'
        },
        
        9: { // Google Panda Update
            left: '500px',
            top: '4100px',
            scale: '150',
            originaltop: '230px',
            originalleft: '125px'
        },
        
        10: { // UX Design
            left: '200px',
            top: '1500px',
            scale: '100',
            originaltop: '-20px',
            originalleft: '125px'
        }
    }
    
    $('.card').click(function(){
        tagcloud = false;
        someThingClicked = true;
        openCardID = $(this).index();
        titleTag = $(this).text();
        dateiname = $(this).attr('data-name');
        externeHTML = "fileadmin/icons2012/" + dateiname + ".html #box";
        
        $('#contentbox').load(externeHTML, animationklick());
        $('#closeBut').css("z-index","9999");
        function animationklick() { 
            document.title = "Icons 2012 » " + titleTag;
            $('#overlay, #overlay2').css("display","block").show();
            var olHeight = $(window).height() - 360 + "px";
            $('#overlay').css("height",olHeight);
            $('.card').removeClass('active');
            $('.card').eq(openCardID).addClass('active');
            $('.card:not(.active)').fadeOut(100);
            $('.card.active').css({
                '-moz-transform': 'rotate(90deg) scale('+cardPos[openCardID].scale+')',
                '-webkit-transform': 'rotate(90deg) scale('+cardPos[openCardID].scale+')',
                '-o-transform': 'rotate(90deg) scale('+cardPos[openCardID].scale+')',
                'left': cardPos[openCardID].left,
                'top': cardPos[openCardID].top
            });
            $('#contentbox, #closeBut').fadeIn(1500);
        };//animationklick zu
        
    }); //click zu
    
    $('#overlay2, #closeBut').click(function(){
        tagcloud = true;
        someThingClicked = false;
        closeCardID = $('.card.active').index();  
        document.title = "Icons 2012";
        $('#closeBut, #overlay, #overlay2, #contentbox').fadeOut(500);
        $('.card:not(.active)').fadeIn(500);
        $('.card.active').css({
            '-moz-transform': 'rotate(0deg) scale(1)',
            '-webkit-transform': 'rotate(0deg) scale(1)',
            '-o-transform': 'rotate(0deg) scale(1)',
            'left': cardPos[closeCardID].originalleft,
            'top': cardPos[closeCardID].originaltop
        });
        $('.card').removeClass('active');
    });// closeBut zu
    
    $("#closeBut").hover(function() {
        $("#closeBut").css("opacity","1");
    }, function() {
        $("#closeBut").css("opacity","0.3");
    });

});// doc-ready zu