var content = new Array();
// content_item = new Array("ImagePath","FotoID","FotoFile");
var address = new Array();
//(Vorname, Name, Straße+Hnr., PLZ+Wohnort, Telefon)
var targetFrame = "SIDE";
var targetFrame_shoppingCar = "SIDE";
var trashIcon = "/trash.gif";



function addToPhotoCD( ImagePath, fotoId, file){
    var neu = new Array( content.length + 1);
    
    for(i = 0; i < content.length; i++){
        selected = content[i];
        if(( selected[0] == ImagePath) && ( selected[1] == fotoId) && ( selected[2] == file)){
            return;
        }
        neu[i] = content[i];
    }
    neu[i] = new Array( ImagePath, fotoId, file);
    content = neu;
}

function removeFromPhotoCD( ImagePath, fotoId, file, layoutPath){
    neu = new Array( );
    j = 0;
    for(i = 0; i < content.length; i++){
        selected = content[i];
        if(( selected[0] == ImagePath) && ( selected[1] == fotoId) && ( selected[2] == file)){
            j = 1;
        }
        else{
            neu[i - j] = content[i];
        }
    }
    content = neu;
    showPhotoCD( layoutPath);
}

function showPhotoCD( layoutPath){
    frame = eval("parent."+targetFrame_shoppingCar);
    sidePane = frame.document.open("text/html","replace");

    
    sidePane.writeln("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
    sidePane.writeln("<html>");
    sidePane.writeln("<head>");
    sidePane.writeln("<meta http-equiv=\"content-type\" content=\"text/html; charset=iso-8859-1\">");
    sidePane.writeln("<link rel=\"stylesheet\" type=\"text/css\" href=\""+layoutPath+"/SideStyle.css\">");
    sidePane.writeln("<title>Inhalt der PhotoCD</title>");
    
    sidePane.writeln("</head>");
    sidePane.writeln("<body>");
    sidePane.writeln("<h1>PhotoCD</h1>");

    sidePane.writeln("<table cellspacing=\"0px\" cellpadding=\"5px\" width=\"100%\">");
        sidePane.writeln("<tr>");
           sidePane.writeln("<th width=\"10%\">");
                sidePane.writeln("<!-- Löschicon //-->");
                sidePane.writeln("<h4>");
                sidePane.writeln("&nbsp;");
                sidePane.writeln("</h4>");
            sidePane.writeln("</th>");
            sidePane.writeln("<th width=\"10%\">");
                sidePane.writeln("<!-- photo year //-->");
                sidePane.writeln("<h4>");
                sidePane.writeln( "ID");
                sidePane.writeln("</h4>");
            sidePane.writeln("</th>");
            sidePane.writeln("<th width=\"50%\">");
                sidePane.writeln("<!-- photo   //-->");
                sidePane.writeln("<h4>");
                sidePane.writeln( "Anla&szlig;");
                sidePane.writeln(" </h4>");
            sidePane.writeln("</th>");
            sidePane.writeln("<th width=\"30%\">");
                sidePane.writeln("<!-- photo id //-->");
                sidePane.writeln("<h4>");
                sidePane.writeln(" Dateiname");
                sidePane.writeln("</h4>");
            sidePane.writeln("</th>");
            
        sidePane.writeln("</tr>");
    active = false;
    for( i = 0; i < content.length; i++){
        selected_photo = content[i];

        
        sidePane.writeln("<tr>");
           sidePane.writeln("<th style=\"border: 1px solid black;\">");
                sidePane.writeln("<!-- Löschicon //-->");
                sidePane.writeln("<h4>");
                sidePane.writeln("<button onClick=\"javascript:parent.removeFromPhotoCD('"+selected_photo[0]+"','"+selected_photo[1]+"','"+selected_photo[2]+"','"+layoutPath+"');\"><img src=\"" + layoutPath + trashIcon + "\"/></button>");
                sidePane.writeln("</h4>");
            sidePane.writeln("</th>");
            sidePane.writeln("<th style=\"border: 1px solid black;\">");
                sidePane.writeln("<!-- photo year //-->");
                sidePane.writeln("<h4>");
                sidePane.writeln( selected_photo[1]);
                sidePane.writeln("</h4>");
            sidePane.writeln("</th>");
            sidePane.writeln("<th style=\"border: 1px solid black;\">");
                sidePane.writeln("<!-- photo  //-->");
                sidePane.writeln("<h4>");
                sidePane.writeln( selected_photo[0]);
                sidePane.writeln(" </h4>");
            sidePane.writeln("</th>");
            sidePane.writeln("<th style=\"border: 1px solid black;\">");
                sidePane.writeln("<!-- photo id //-->");
                sidePane.writeln("<h4>");
                sidePane.writeln( selected_photo[2]);
                sidePane.writeln("</h4>");
            sidePane.writeln("</th>");

        sidePane.writeln("</tr>");

        active = true;
        
    }

    
    sidePane.writeln("</table>");

    if( active){
        sidePane.writeln("<button onClick=\"javascript:parent.parent.requestContact('"+layoutPath+"');\">bestellen</button>");
    }
    sidePane.writeln("</body>");
    sidePane.writeln("</html>");
    sidePane.close(); 
}

function requestContact( layoutPath){
    frame = eval("parent."+targetFrame_shoppingCar);
    sidePane = frame.document.open("text/html","replace");
    var gesamt_preis = 0;
    var einzelpreis;
    var active = false;
    
    sidePane.writeln("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
    sidePane.writeln("<html>");
    sidePane.writeln("<head>");
    sidePane.writeln("<meta http-equiv=\"content-type\" content=\"text/html; charset=iso-8859-1\">");
    sidePane.writeln("<link rel=\"stylesheet\" type=\"text/css\" href=\""+layoutPath+"/SideStyle.css\">");
    sidePane.writeln("<title>Addresse des Bestellers</title>");
    sidePane.writeln("<script type=\"text/javascript\"><!--");
    sidePane.writeln("  function createMail(){");
    sidePane.writeln("      self.location.href= parent.parent.setAddress( document.getElementById('vorname').value, document.getElementById('nachname').value, document.getElementById('telefon').value, document.getElementById('email').value ); ");
    sidePane.writeln("  }");
    sidePane.writeln("//--></script>");
    sidePane.writeln("</head>");
    sidePane.writeln("<body>");
    sidePane.writeln("<h1>PhotoCD</h1>");
    
    sidePane.writeln("<h2>Bitte f&uuml;llen sie die Kontaktinformationen vollst&auml;ndig aus, da wir sie, um unn&ouml;tiges brennen zu vermeiden, zu Best&auml;tigungszwecken kontaktieren!</h2>");
    sidePane.writeln("<h2>Die fertige CD geben wir dann gegen 0,50 &euro; Verbrauchskostenbeitrag an ihr Kind in der n&auml;chsten Gruppenstunde weiter.</h2>");

    sidePane.writeln("<table cellspacing=\"0px\" cellpadding=\"5px\" width=\"100%\">");
        sidePane.writeln("<tr>");
            sidePane.writeln("<th width=\"15%\">");
                sidePane.writeln("<!-- Vorname //-->");
                sidePane.writeln("<h2>");
                sidePane.writeln("Vorname");
                sidePane.writeln("</h2>");
            sidePane.writeln("</th>");
            sidePane.writeln("<td>");

                sidePane.writeln("<h2>");
                sidePane.writeln("<input type=\"text\" size=\"30\" maxlength=\"30\" id=\"vorname\"/>");
                sidePane.writeln("</h2>");
            sidePane.writeln("</td>");
          sidePane.writeln("</tr>");       
 
          sidePane.writeln("<tr>");
            sidePane.writeln("<th>");
                sidePane.writeln("<!-- Nachname //-->");
                sidePane.writeln("<h2>");
                sidePane.writeln( "Nachname");
                sidePane.writeln("</h2>");
            sidePane.writeln("</th>");
            sidePane.writeln("<td>");

                sidePane.writeln("<h2>");
                sidePane.writeln("<input type=\"text\" size=\"30\" maxlength=\"30\" id=\"nachname\"/>");
                sidePane.writeln("</h2>");
            sidePane.writeln("</td>");
          sidePane.writeln("</tr>"); 
       
    
   
          sidePane.writeln("<tr>");
            sidePane.writeln("<th>");
                sidePane.writeln("<!-- Telefonnummer //-->");
                sidePane.writeln("<h2>");
                sidePane.writeln(" Telefonnummer");
                sidePane.writeln("</h2>");
            sidePane.writeln("</th>");

            sidePane.writeln("<td>");

                sidePane.writeln("<h2>");
                sidePane.writeln("<input type=\"text\" size=\"30\" maxlength=\"30\" id=\"telefon\"/>");
                sidePane.writeln("</h2>");
            sidePane.writeln("</td>");
            
            
        sidePane.writeln("</tr>");
        sidePane.writeln("<tr>");
            sidePane.writeln("<th>");
                sidePane.writeln("<!-- E-Mail //-->");
                sidePane.writeln("<h2>");
                sidePane.writeln(" E-Mail");
                sidePane.writeln("</h2>");
            sidePane.writeln("</th>");
            sidePane.writeln("<td>");

                sidePane.writeln("<h2>");
                sidePane.writeln("<input type=\"text\" size=\"30\" maxlength=\"30\" id=\"email\" />");
                sidePane.writeln("</h2>");
            sidePane.writeln("</td>");
           
            
        sidePane.writeln("</tr>");
    
    sidePane.writeln("</table>");

    sidePane.writeln("<button onClick=\"javascript:createMail();\">bestellen</button>");

    sidePane.writeln("</body>");
    sidePane.writeln("</html>");
    sidePane.close(); 
}

function send_mail(){
    var name = address[0] + "%20" + address[1];
    var kontakt = "Telefon%20:%20"+address[2]  + "<br/>E-Mail%20:%20" + address[3] ;

    var inhalt ="";
    var detail;

    for( i = 0; i < content.length; i++){
        detail = content[i];
        inhalt = inhalt + "<br/>Anlass: "+detail[0]+" <> File: "+detail[2]+" <> ID: "+detail[1]+" <> ";
    }
    
    var body = "body=%20Bitte%20erstellen%20sie%20für%20mich%20folgende%20PhotoCD:<br/>" + inhalt + "<br/><br/>" + name + "<br/>" + kontakt;
    var subject = "subject=PhotoCD%20-%20Bestellung";
    var preface ="mailto:Stammeskämmerei%20<webmaster@pfadfinder-bonn.de>";
    var mailto = preface+"?"+subject+"&"+body;
    return mailto;
}

function setAddress( vorname, nachname, telefon, email){
    address = new Array(vorname, nachname, telefon, email);
    return send_mail();
}
