function defaultskin(skinname)
{
   this.skin = skinname;
   
   this.tableClass = '';
   this.tableStyle = '';

   this.sumrowClass = '';
   this.sumrowtyle = '';

   this.optionsumClass = '';
   this.optionsumStyle = '';

   this.headerClass = '';
   this.headerStyle = '';

   this.textClass = '';
   this.textStyle = '';

   this.descriptionClass = '';
   this.descriptionStyle = '';

   this.detailClass = '';
   this.detailStyle = '';

   this.itemnumberClass = '';
   this.itemnumberStyle = '';

   this.itempricetotalClass = '';
   this.itempricetotalStyle = '';



   this.addoptionClass = '';
   this.addoptionStyle = '';

   this.removeoptionClass = '';
   this.removeoptionStyle = '';

   this.addoptionImageClass = '';
   this.addoptionImageStyle = '';

   this.removeoptionImageClass = '';
   this.removeoptionImageStyle = '';


   this.addoptionText = '';
   this.removeoptionText = '';

   this.addoptionImageURL = '';
   this.removeoptionImageURL = '';

   this.buildTableStart = function()
   {
     return '<table class="' + this.skin + '_options ' + this.tableClass + '" ' + this.tableStyle + '>';
   }

   this.buildTableEnd = function()
   {
     return "<tr><td colspan=\"3\" class='" + this.skin + "_sumrow "+this.sumrowClass+"' "+this.sumrowStyle+">Összesen:</td><td class='" + this.skin + "_optionsum "+this.optionsumClass+"' "+this.optionsumStyle+" id='optionsum'>0</td><td class='sum_forint'>&nbsp;Ft&nbsp;/&nbsp;hó</td></tr></table>";
   }

   this.buildCategoryHeader = function(title)
   {
     var header = "<tr><td class=\"" + this.skin + "_cathead " + this.headerClass + "\" colspan=\"5\" " + this.headerStyle + ">" + title + "</td></tr>";
     return header;
   }

   this.buildOptionRow = function(text,optionid,description,detail)
   {
     var addstr = '';
     var removestr = '';
     
     var addtext = '+';
     var removetext = '-';
     
     if(this.addoptionText != '')
     {
       addtext = this.addoptionText;
     }

     if(this.addoptionImageURL)
     {
       addstr = "<img class=\""+this.addoptionImageClass+"\" "+this.addoptionImageStyle+" src=\""+ this.addoptionImageURL +"\"  alt=\""+addtext+"\">";
     }
     else
     {
       addstr = addtext;
     }

     if(this.removeoptionText)
     {
       removetext = this.removeoptionText;
     }


     if(this.removeoptionImageURL != '')
     {
       removestr = "<img class=\""+this.removeoptionImageClass+"\" "+this.removeoptionImageStyle+" src=\""+ this.removeoptionImageURL +"\" alt=\""+removetext+"\">";
     }
     else
     {
       removestr = removetext;
     }


     var addoptionmod = "<a onclick=\"addoption(" + optionid + ")\" class=\"" + this.skin + "_optionpointer " + this.removeoptionClass + "\" " + this.addoptionStyle + ">" + addstr + "</a>";

     var removeoptionmod = "<a class=\"" + this.skin + "_optionpointer " + this.removeoptionClass + "\" onclick=\"removeoption(" + optionid + ")\" " + this.removeoptionStyle + ">" + removestr + "</a>";

     var optionmod = addoptionmod + ' ' + removeoptionmod;

     var dtext = '';

     var ret = '';

     if(description != '')
     {
       dtext = "<td class=\"" + this.skin + "_description "+this.descriptionClass+"\" "+this.descriptionStyle+">" + description + "</td><td  class=\"" + this.skin + "_text "+this.textClass+"\" "+this.textStyle+">" + text + "</td>";
     }
     else
     {
       dtext = "<td colspan=\"3\" class=\"" + this.skin + "_text "+this.textClass+"\" "+this.textStyle+">" + text + "</td>";
     }

     ret += "<tr id=\"option" + optionid +"\">" + dtext + "<td class=\"itemnumber " + this.skin + "_itemnumber "+this.itemnumberClass+"\" "+this.itemnumberDescription+">0</td><td class='optionmodcell'>" + optionmod + "</td><td class=\"itempricetotal "+ this.skin + "_itempricetotal "+this.itempricetotalClass+"\" "+this.itempricetotalStyle+">0</td></tr>";

     if(detail != '')
     {
       ret += "<tr><td class=\"" + this.skin + "_detailrow "+this.detailClass+"\"  "+this.detailStyle+" colspan=\"5\">" + detail + "</td></tr>";
     }

     return ret;
   }

}//deafult


