var preview_list;
var image_list;
var whole_document;
function getPortfolio()
{
        url = "django_test/portfolio/index.xml";
        // AJAX code for Mozilla, Safari, Opera etc.
        if (window.XMLHttpRequest) {
                  xmlhttp = new XMLHttpRequest();
                  xmlhttp.onreadystatechange = xmlhttpChange;
                  xmlhttp.open("GET", url, true);
                  xmlhttp.send(null);
        }
        // AJAX code for IE
        else if (window.ActiveXObject)  {
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                        if (xmlhttp)
                        {
                                xmlhttp.onreadystatechange = xmlhttpChange;
                                xmlhttp.open("GET", url, true);
                                xmlhttp.send();
                        }
          }
}
function show_image(index)
{
     var i = 0; 
     var k = Math.round(preview_list.length / 2)
     var HTML_data = "<table><tr>";
     for ( i=0; i<preview_list.length; i++){
                   
         if(i%k == 0 && i!=0)
         {             
             HTML_data = HTML_data+"</tr><tr height='700'><td colspan='"+k+"' align='center'><img src='"+image_list[index].firstChild.data+"'></td></tr><tr>";
         }
         if (i!=index)
         {
              HTML_data = HTML_data + "<td><a onClick='show_image("+i+");'> <img  id='image_"+i+"' border='0' src='"+preview_list[i].firstChild.data+"'> </a></td>";           
         }
     }   
     HTML_data += "</tr></table>"      
     whole_document.getElementById('html_object').innerHTML = HTML_data;    
}
function xmlhttpChange()
{
        //create XMLDOM object if xmlhttp shows "loaded"
        if (xmlhttp.readyState == 4) {
          // if "OK"
          if (xmlhttp.status == 200) {
                        preview_list = xmlhttp.responseXML.getElementsByTagName("preview");
                        image_list = xmlhttp.responseXML.getElementsByTagName("image");
                        create_content();                               
          } else {
                preview_list = xmlhttp.responseXML.getElementsByTagName("preview");
                image_list = xmlhttp.responseXML.getElementsByTagName("image");
                create_content();  
          }
      }
}
function create_content2()
{
    var i = 0; 
    var table_xml = whole_document.createElement("table");
    var td_xml, a_xml, img_xml;
    var row_xml = whole_document.createElement("tr");
    table_xml.appendChild(row_xml);
    for ( i=0; i<preview_list.length; i++){
                  
        if(i%5 == 0 && i!=0)
        {
            row_xml = whole_document.createElement("tr"); 
            table_xml.appendChild(row_xml);
        }
        td_xml = whole_document.createElement("td");
        a_xml = whole_document.createElement("a");
        a_xml.id=i;
        
        td_xml.appendChild(a_xml);
        img_xml = whole_document.createElement("img");
        img_xml.src="django_test/portfolio/media/"+preview_list[i].firstChild.data;
a_xml.appendChild(img_xml);
        a_xml.onclick  = show_image;  
        row_xml.appendChild(td_xml);
    }  
    whole_document.getElementById('html_object').appendChild(table_xml);
}
function create_content()
{
    var i = 0; 
    var HTML_data = "<table><tr>";
    for ( i=0; i<preview_list.length; i++){
                  
        if(i%5 == 0 && i!=0)
        {
            HTML_data = HTML_data+"</tr><tr>";
        }
         HTML_data = HTML_data + "<td><a onClick='show_image("+i+");'> <img  id='image_"+i+"' border='0' src='"+preview_list[i].firstChild.data+"'> </a></td>";           
    }   
    HTML_data += "</tr></table>"      
    whole_document.getElementById('html_object').innerHTML = HTML_data;   
}
function create_html_raw(object_to_create, doc)
{
    object_to_create.style.display = "none";   
    whole_document = doc;
    getPortfolio();
}
function rotate_paketnik(paketnik_state, document)
{    
    if ( paketnik_state.value=='paketnik_flash') 
    {
        paketnik_state.value='paketnik_html';
        document.getElementById('flash_lamp').className = "black_lamp";
        document.getElementById('html_lamp').className = "green_lamp";
        
        document.getElementById('flash_object').style.display  = "none";
        document.getElementById('html_object').style.display = "block";
    } else
    { 
        paketnik_state.value='paketnik_flash';
        document.getElementById('flash_lamp').className = "green_lamp";
        document.getElementById('html_lamp').className = "black_lamp";
        
        document.getElementById('flash_object').style.display  = "block";
        document.getElementById('html_object').style.display = "none";
    }
    document.getElementById('paketnik').className=paketnik_state.value; 
}
function change_skin(style_sheet_name, document)
{  
    if (style_sheet_name.value=='crizis.css') 
    {
        style_sheet_name.value='glamour.css'; 
    }
    else
    {
        style_sheet_name.value='crizis.css'; 
    }
    document.getElementById('style_sheet').href=style_sheet_name.value;  
}