$(document).ready(function(){
    $(".addDup").click(dupBox);
    var QnW = $(".Qn").eq(0).width();
    var PnW = $(".Pn").eq(0).width();
    var DeW = $(".De").eq(0).width();
    $("#formDupholder").width( (QnW+PnW+DeW)+ ( (3)*(10) ) );
    $(".TitleQn").width(QnW);
    $(".TitlePn").width(PnW);
    $(".TitleDe").width(DeW);
});

function dupBox() {
    var DefaultIDQn = $(".Qn").eq(0).attr("id");
    var DefaultStrQn = DefaultIDQn.replace('1','');
    var CountBoxesQn = $(".Qn").size();
    var thisPosQn = $(".Qn").size()+1;
    var DefaultAltQn = $(".Qn").eq(0).attr("alt");
    var DefaultIDPn = $(".Pn").eq(0).attr("id");
    var DefaultStrPn = DefaultIDPn.replace('1','');
    var CountBoxesPn = $(".Pn").size();
    var thisPosPn = $(".Pn").size()+1;
    var DefaultAltPn = $(".Pn").eq(0).attr("alt");
    var DefaultIDDe = $(".De").eq(0).attr("id");
    var DefaultStrDe = DefaultIDDe.replace('1','');
    var CountBoxesDe = $(".De").size();
    var thisPosDe = $(".De").size()+1;
    var DefaultAltDe = $(".De").eq(0).attr("alt");
    //$("#formDupholder").append("<div class='dupBoxTitles'><span class='dupBoxTitle TitleQn'>"+DefaultAltQn+"</span><span class='dupBoxTitle TitlePn'>"+DefaultAltPn+"</span><span class='dupBoxTitle TitleDe'>"+DefaultAltDe+"</span></div>");
    //$(".dupBoxTitles").eq(CountBoxesQn).hide();
    $(".TitleQn").width($(".Qn").eq(0).width());
    $(".TitlePn").width($(".Pn").eq(0).width());
    $(".TitleDe").width($(".De").eq(0).width());
    $(".Qn").eq(0).clone().appendTo("#formDupholder").attr({id: DefaultStrQn+thisPosQn, name: DefaultStrQn+thisPosQn}).hide();
    $(".Pn").eq(0).clone().appendTo("#formDupholder").attr({id: DefaultStrPn+thisPosPn, name: DefaultStrPn+thisPosPn}).hide();
    $(".De").eq(0).clone().appendTo("#formDupholder").attr({id: DefaultStrDe+thisPosDe, name: DefaultStrDe+thisPosDe}).hide(); 
    
    $(".Qn").eq(CountBoxesQn).attr({value:''}).hide();
    $(".Pn").eq(CountBoxesQn).attr({value:''}).addClass("spaceFix").hide();
    $(".De").eq(CountBoxesQn).attr({value:''}).addClass("spaceFix").hide(); 
    $(".addDup").fadeOut("fast", function() {
        $(".Qn").eq(CountBoxesQn).fadeIn(300);
        $(".Pn").eq(CountBoxesPn).fadeIn(300);     
        $(".De").eq(CountBoxesDe).fadeIn(300, function() {
            $(".addDup").fadeIn(900);
        });
    });    
    return false;
}