var baseUrl = "http://www.bolon.com/flooring/";
var imageURL = baseUrl + "w_files/w_images/";
var imageURL_p = "http://www.bolon.com/files/collection/samples/mobile/";
var imageURL_p_bottom = "http://www.bolon.com/files/bottomSlider/";
var imageURL_g = "http://www.bolon.com/files/gallery/samples/mobile/";


function menuUp(element)
{
var gris = imageURL+'up.png';
var apa = document.getElementById(element).src;
var kossa =imageURL+'down.png';

    if(apa==kossa )
    {document.getElementById(element).src==gris;
    $('#'+element).attr('src',gris);
    }
    else
    { $('#'+element).attr('src',kossa); }

}

function showHide(element)
{

  $("#textInfoMore").slideToggle("fast");
  
}

function setBackground()
{}



function newProduct(product,direction,lang)
{
jQuery.fx.off = true;

document.getElementById('textInfo').style.display = "none";
document.getElementById('textInfoMore').style.display = "none"

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
 
    
    //XML-handeling
    xmlDoc=xmlhttp.responseXML;
    
    var  counterText="";
    var  image="";
    var  textId="";
    var  sample="";
    var  long="";
    var  rolls="";
    var  tiles="";
    var  parent="";
    var  name="";
    var numimages = 0;

    //switch xml-elements
        var    element = xmlDoc.getElementsByTagName("NAME")
           
          for (i=0;i<element.length;i++)
             {
                name=name + element[i].childNodes[0].nodeValue;
             }
             
             
           
           element = xmlDoc.getElementsByTagName("PRODUCT")
           
          for (i=0;i<element.length;i++)
             {
                counterText=counterText + element[i].childNodes[0].nodeValue;
             }
             
          element = xmlDoc.getElementsByTagName("IMAGE")
           
          for (i=0;i<element.length;i++)
             {
                image=image + element[i].childNodes[0].nodeValue;
             }
          
          element = xmlDoc.getElementsByTagName("ID")
           
          for (i=0;i<element.length;i++)
             {
                textId=textId + element[i].childNodes[0].nodeValue;
             }
    
            if ( xmlDoc.getElementsByTagName("LONG")!== null)
       {    
          element = xmlDoc.getElementsByTagName("LONG")
           
          for (i=0;i<element.length;i++)
             {
                long=long + element[i].childNodes[0].nodeValue;
             }
           }
              if ( xmlDoc.getElementsByTagName("ROLLS")!== null)
       {  
             
                 element = xmlDoc.getElementsByTagName("ROLLS")
           
          for (i=0;i<element.length;i++)
             {
                rolls=rolls + element[i].childNodes[0].nodeValue;
             }
          }   
          
         if ( xmlDoc.getElementsByTagName("TILES")!== null)
       {  
           
            element = xmlDoc.getElementsByTagName("TILES")
           
          for (i=0;i<element.length;i++)
             {
                tiles=tiles + element[i].childNodes[0].nodeValue;
             }
         }  
             
      if ( xmlDoc.getElementsByTagName("PARENT")!== null)
       {  
           
            element = xmlDoc.getElementsByTagName("PARENT")
           
          for (i=0;i<element.length;i++)
             {
                parent=parent + element[i].childNodes[0].nodeValue;
             }
         }
         
         if ( xmlDoc.getElementsByTagName("NUM_IMAGES")!== null)
       {  
          element = xmlDoc.getElementsByTagName("NUM_IMAGES")
          for (i=0;i<element.length;i++)
             {
                
                numimages=element[i].childNodes[0].nodeValue;
             }
         }
         
   
     //Topp elements
    document.getElementById('m_inline_l').innerHTML= "<h2><img src='"+imageURL+"left.png' onClick='newProduct(\""+textId+"\", \"left\", \""+lang+"\") ;' /><span id='productNumber'>"+counterText +
     "</span><img src='"+imageURL+"right.png'  onClick='newProduct(\""+textId+"\", \"right\" , \""+lang+"\") ;' /></h2>";
    
    //Main image 
    document.getElementById('m_image').innerHTML="<img src='"+imageURL_p +image+  "' width='100%' align='right' id='product' onClick='changeImage(\""+textId+"\",0,\""+imageURL_p+ image+"\",1)' />";
  
   //Main Header
    document.getElementById('textInfo').innerHTML= "<h3 >" + parent +  " / " +name + "<img src='" +imageURL+ "down.png' id='menu_img'/></h3>";
    
   
 if(numimages>0)
 {
 
    document.getElementById('moreImages').innerHTML = "<div id='more_images_content' ><img src='"+ imageURL +"dialog_platta.png' width='100%'></img><p>Click to view more images!</p></div>";
    jQuery.fx.off = false;
    
    $('#moreImages').fadeIn(1200, function() {
        // Animation complete
         setTimeout("hideImage()",200)
                 
      });
      
      }
      
     else
     {
       $('#textInfo').fadeIn(1200, function() {
        
      });

     }
      

  
    
    //Hidden TextInfo
    if(tiles == 0)
    {tiles ="";}
    else
    {tiles = "<b>Tiles: </b>"+tiles +"<br/>";}
    
    if(rolls == 0)
    {rolls ="";}
    else
    {rolls = "<b>Rolls: </b>"+rolls;}
    
    textInfo= "<p>" + long + "<br/><br/>" + tiles + rolls +"</p>";
    document.getElementById('textInfoMore').innerHTML = textInfo;
    

    
        }//end if
  }//end func

xmlhttp.open("GET",baseUrl + "w_files/w_php/XML/productXML.php?product="+product+"&direction="+direction+"&lang="+lang,true);
xmlhttp.send();


}

function newGallery(product,direction,lang)
{
jQuery.fx.off = true;

document.getElementById('textInfo').style.display = "none";
document.getElementById('textInfoMore').style.display = "none"

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
 
    
    //XML-handeling
    xmlDoc=xmlhttp.responseXML;
    
    var  counterText="";
    var  image="";
    var  textId="";
    var  sample="";
    var  long="";
    var  architect=0;
    var  object=0;
    var  area=0;
    var  location=0;
    var  parent="";
    var  name="";
    var numimages = 0;

        //switch xml-elements
        
        
        var    element = xmlDoc.getElementsByTagName("NAME")
           
          for (i=0;i<element.length;i++)
             {
                name=name + element[i].childNodes[0].nodeValue;
             }
             
             
           
           element = xmlDoc.getElementsByTagName("PRODUCT")
           
          for (i=0;i<element.length;i++)
             {
                counterText=counterText + element[i].childNodes[0].nodeValue;
             }
           
           
         if ( xmlDoc.getElementsByTagName("IMAGE")!== null)
       {    
            
          element = xmlDoc.getElementsByTagName("IMAGE")
           
          for (i=0;i<element.length;i++)
             {
                image=image + element[i].childNodes[0].nodeValue;
             }
          
              }
           
         if ( xmlDoc.getElementsByTagName("ID")!== null)
       {      
          
          element = xmlDoc.getElementsByTagName("ID")
           
          for (i=0;i<element.length;i++)
             {
                textId=textId + element[i].childNodes[0].nodeValue;
             }
    
             }
           
         if ( xmlDoc.getElementsByTagName("LONG")!== null)
       {       
          element = xmlDoc.getElementsByTagName("LONG")
           
          for (i=0;i<element.length;i++)
             {
                long=long + element[i].childNodes[0].nodeValue;
             }
             }
           
         if ( xmlDoc.getElementsByTagName("PARENT")!== null)
       {       
             
            element = xmlDoc.getElementsByTagName("PARENT")
           
          for (i=0;i<element.length;i++)
             {
                parent=parent + element[i].childNodes[0].nodeValue;
             }
                 
            
               }
           
         if ( xmlDoc.getElementsByTagName("ARCHITECT")!== null)
       {         
             element = xmlDoc.getElementsByTagName("ARCHITECT")
           
          for (i=0;i<element.length;i++)
             {
                architect= element[i].childNodes[0].nodeValue;
             }
             
            }
           
         if ( xmlDoc.getElementsByTagName("OBJECT")!== null)
       {        
          element = xmlDoc.getElementsByTagName("OBJECT")
           
          for (i=0;i<element.length;i++)
             {
                object= element[i].childNodes[0].nodeValue;
             }
             
                }
           
         if ( xmlDoc.getElementsByTagName("AREA")!== null)
       {   
            element = xmlDoc.getElementsByTagName("AREA")
           
          for (i=0;i<element.length;i++)
             {
                area=element[i].childNodes[0].nodeValue;
             }
             
            }
           
         if ( xmlDoc.getElementsByTagName("LONCATION")!== null)
       {   
         element = xmlDoc.getElementsByTagName("LOCATION")
           
          for (i=0;i<element.length;i++)
             {
                location= element[i].childNodes[0].nodeValue;
             }
             
            }
           
         if ( xmlDoc.getElementsByTagName("NUM_IMAGES")!== null)
       {        
        element = xmlDoc.getElementsByTagName("NUM_IMAGES")
           
          for (i=0;i<element.length;i++)
             {
                
                numimages=element[i].childNodes[0].nodeValue;
             }
            } 
   
     //Topp elements
    document.getElementById('m_inline_l').innerHTML= "<h2><img src='"+imageURL+"left.png' onClick='newGallery(\""+textId+"\", \"left\" , \""+lang+"\") ;' /><span id='productNumber'>"+counterText +
     "</span><img src='"+imageURL+"right.png'  onClick='newGallery(\""+textId+"\", \"right\" , \""+lang+"\") ;' /></h2>";
    
    //Main image 
    document.getElementById('m_image').innerHTML="<img src='"+imageURL_g +image+  "' width='100%' align='right' id='product' onClick='changeImage(\""+textId+"\",0,\""+imageURL_g+ image+"\",2)' />";
  
   //Main Header
    document.getElementById('textInfo').innerHTML= "<h3 >" + parent +  " / " +name + "<img src='" +imageURL+ "down.png' id='menu_img'/></h3>";
    
   
 if(numimages>0)
 {
 
    document.getElementById('moreImages').innerHTML = "<div  id='more_images_content' ><img src='"+ imageURL +"dialog_platta.png' width='100%'></img><p>Click to view more images!</p></div>";
    jQuery.fx.off = false;
    
    $('#moreImages').fadeIn(1200, function() {
        // Animation complete
         setTimeout("hideImage()",200)
                 
      });
      
      }
      
     else
     {
       $('#textInfo').fadeIn(1200, function() {
        
      });

     }

    
    function ifEmpty(empty,name)
    {
    if(empty == 0)
    {empty ="";}
    else
    {empty = name+empty+"<br/>";}
    
    return empty;
    }
    
    architect = ifEmpty(architect,"<b>Architect: </b>");
    object   =  ifEmpty(object,"<b>Object: </b>");
    area =  ifEmpty(area,"<b>Area: </b>");
    location = ifEmpty(location,"<b>Location: </b>");
    
    textInfo= "<p>" + long + "<br/><br/>" + architect + object + area + location+"</p>";
    document.getElementById('textInfoMore').innerHTML = textInfo;
    

    
        }//end if
  }//end func

xmlhttp.open("GET",baseUrl + "w_files/w_php/XML/galleryXML.php?product="+product+"&direction="+direction+"&lang="+lang,true);
xmlhttp.send();


}






function hideImage()
{
  $('#moreImages').fadeOut(1400, function() {
  
   $('#textInfo').fadeIn(800, function() {
        
      });
        // Animation complete
                });




}

function changeImage(product,numImage,lastImage,type)
{
var allImages = [];
var xmlhttp;
var startagain =0;

//type 1 = collection, type 2 = gallery
//old url imageURL_p_bottom
/*
if(type == 1)
{imagesFolder = imageURL_p_bottom;}
else
{imagesFolder = imageURL_g_bottom;}
*/
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {

       xmlDoc=xmlhttp.responseXML;

       var element = xmlDoc.getElementsByTagName("image")
       
       for (i=0;i<element.length;i++)
          {
        
             allImages.push(element[i].childNodes[0].nodeValue);
          }
    
        if(numImage==element.length)//den anropade
        {   startagain=1;  }
        else
        { }

        if( element.length>0)//om det finns bilder 
        {
         var nextImage = numImage+1;
         if(startagain ==1)//annan bild ej från mappen
         { 

         document.getElementById('m_image').innerHTML="<img src='"+ lastImage + "' onClick='changeImage(\""+product+ "\" , 0,\""+lastImage+ "\",1)' width='100%' align='right' id='product' />";
         }
         else 
        {
         
        document.getElementById('m_image').innerHTML="<img src='"+ imageURL_p_bottom + product+"/mobile/" +allImages[numImage] +  "' onClick='changeImage(\""+product+ "\" , "+nextImage +",\""+lastImage+"\",1)' width='100%' align='right' id='product' />";}
        }
    
        else
        {}
    
        }//end if
  }//end func

xmlhttp.open("GET",baseUrl+ "w_files/w_php/XML/moreImagesXML.php?dir="+product,true);
xmlhttp.send();

}


function pageType(version)
{
//alert(version);
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
   // document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","version.php?state="+version,true);
xmlhttp.send();

}


//jQuery.easing.def = "easeOutQuad";                  //easing method


/*
function screenWidth()
{

    return screen.width;
}


function setBodyWidth()
{
    //var element = document.getElementById("bolon");
    
   
    
}
*/

/* 


$(document).ready(function () {

    $('news_parent').click(function () {
	$('news_child').slideToggle('medium');
    });
    
	$('ul.menu_body li a').mouseover(function () {
	$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	$('ul.menu_body li a').mouseout(function () {
	$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
    
});
*/