/*
Creativhochzeit JavaScript
*/

$("document").ready(function() {
    
    var lang = $.trim($("html").attr("lang"));
    var small_frames_array = [];
    var $small_frames = null;
    var large_frames_array = [];
    var $large_frame = null;
    var $large_frame_inner_li = null;
    var $large_frame_text_container = null;
    var $large_frame_title_h1 = null;
    
    // Small-Frames
    small_frames_array["de"] = $("div#c20, div#c23, div#c22, div#c21");
    small_frames_array["en"] = $("div#c64, div#c68, div#c67, div#c65");
    small_frames_array["it"] = $("div#c140, div#c143, div#c142, div#c141");
    $small_frames = small_frames_array[lang];
    
    // Large-Frame
    large_frames_array["de"] = $("div#c39");
    large_frames_array["en"] = $("div#c66");
    large_frames_array["it"] = $("div#c144");
    $large_frame = large_frames_array[lang];
    
    $large_frame_inner_li = $large_frame.find("li.csc-textpic-image.csc-textpic-firstcol");
    $large_frame_text_container = $large_frame.find("div.csc-textpic-text").parent();
    $large_frame_title_h1 = $large_frame.find("div.csc-header h1");
    
    $small_frames.each(function() {
        
        var $small_image = $("div.csc-textpic-imagerow:eq(0) img:eq(0)", this);
        var $large_image = $("div.csc-textpic-imagerow:eq(1) img:eq(0)", this);
        var $text = $("div.csc-textpic-text:eq(0) ", this);
        var title = $("div.csc-header h1", this).html();
        
        $small_image.mouseenter(function() {

            var $current_text = $large_frame_text_container.find("div.csc-textpic-text:eq(0)");
            var $new_text = $text.clone();

            var $current_image = $large_frame_inner_li.find("img:eq(0)");
            var $new_image = $large_image.clone();
            
            // Titel austauschen
            $large_frame_title_h1.html(title);

            // Aktuellen Text löschen und neuen Text einblenden
            $new_text.hide();
            $current_text.detach();
            $large_frame_text_container.append($new_text);
            $new_text.show();
            
            // Aktuelles Bild löschen und neues Bild einblenden
            $current_image.detach();
            $large_frame_inner_li.append($new_image);
            
        });
        
    });
    
    // Zufällig eines der Bilde rauswählen
    $small_frames.eq([Math.floor(Math.random() * 4)])
        .find("div.csc-textpic-imagerow:eq(0) img:eq(0)").mouseenter()
    ;

});