﻿// JScript File
  //writing pop up div for large picture
CreateShowDiv();

  var SubMenuVisible=false; var bInSubMenu=false;var xmlDoc=null;var x;
  var painting; var loaded=false; var strImages="";
  var isNN = document.layers ? true : false;
  var isIE = document.all ? true : false;
  var mouseX;
  var mouseY;
  var tID;
  var litID;var liXML;
 var swidth;
  var sheight;
  	var moveImageHeight = 35;	
	var displayWaitMessage=true;	
	var previewImage = false;
	var sscImage= false;
	var slideSpeed = 0;
	var divImages = false;
	var slideEndMarker = false;
	var ssContainer = false;
  // Capture mouse coord.
  init()

  function SLarge(url, width, height)
  { 
   //debugger;  
        var ls=document.getElementById("LShow");
        var img_old= document.getElementById("ShowLarge");
        var imgHeight;var img=new Image;
        try
        {
            if (ls.style.visibility!="visible")
            {
                    img.src=url;
                    img.style.height=height*0.7 +"px";
                    img.style.width=width*0.7 +"px";
                    img.style.visibility="hidden";
                    
                    img_old.src= img.src;
                    img_old.style.cssText=img.style.cssText;
                    tID= window.setTimeout( "resize()", 200);
          }
        }
        catch(e)
        {
          alert("ShowLarge" + e);
        }
        return false;
    }
    function resize()
   {
      //debugger;
       var scrollTop;
       var scrollLeft;
        var ls=document.getElementById("LShow");
        var img= document.getElementById("ShowLarge");
            ls.style.width=img.width + 30 + "px";
            ls.style.height =img.height + 30 + "px";
            var x,y;
            if (navigator.userAgent.indexOf("Firefox")>0)
            {
                 scrollTop=document.documentElement.scrollTop;
                scrollLeft=document.documentElement.scrollLeft;
                swidth =document.documentElement.clientWidth;
                sheight =document.documentElement.clientHeight;
                ls.style.left =mouseX +10 + "px";
                ls.style.top = mouseY + 10 + "px";
                if((swidth-parseInt(ls.style.width)-parseInt(ls.style.left))<=-10)
                 {
                    ls.style.left=parseInt(ls.style.left)-parseInt(ls.style.width) - 20 + "px";         
                 }
                 
               
                if((sheight-(mouseY-scrollTop))<(parseInt(ls.style.height)))
                 {
                    ls.style.top=parseInt(ls.style.top)-parseInt(ls.style.height)- 20 + "px";         
                 }

            }
            else
            {
                scrollTop=document.documentElement.scrollTop;
                scrollLeft=document.documentElement.scrollLeft;
                swidth =document.body.clientWidth;
                sheight =document.body.clientHeight;
                ls.style.left =mouseX +scrollLeft + 10 + "px";
                ls.style.top = mouseY +scrollTop + 10 + "px";
                 if((swidth-parseInt(ls.style.width)-parseInt(ls.style.left))<=-10)
                 {
                    ls.style.left=parseInt(ls.style.left)-parseInt(ls.style.width) - 20 + "px";         
                 }
               
                if((sheight-(mouseY))<(parseInt(ls.style.height)-10))
                 {
                    ls.style.top=parseInt(ls.style.top)-parseInt(ls.style.height)- 20 + "px";         
                 }

                
            }
            ls.style.visibility="visible";
           img.style.visibility="visible";

    }
function HideLShow()
{
//debugger ;
     var ls=document.getElementById("LShow").style;
    try{
    window.clearTimeout(tID);
   if (ls.visibility=="visible")
   {
    ls.visibility="hidden";
    //ls.top="-500px";
    ls.left="-5000px";
    var img= document.getElementById("ShowLarge");
         //img.style.height="0px";//(img.height*10)/7 +
         img.style=null;
         //img.style.width=(img.width*10)/7 +"px";
         img.style.visibility="hidden";
         //img.src='';
   }
   }
   catch(e){}
        
}
function init() {
    //debugger;
  if ( isNN )
  {
        document.captureEvents(Event.MOUSEMOVE)
    }
    else
    {
        document.onmousemove = handleMouseMove;
    }
}
function handleMouseMove(evt) {
//debugger;
     if (isIE) { // grab the x-y pos.s if browser is IE
      mouseX = event.clientX + document.body.scrollLeft;
       mouseY = event.clientY + document.body.scrollTop;
    }
    else {  // grab the x-y pos.s if browser is NS  onmouseout='HideLShow();'
      mouseX = evt.pageX;
       mouseY = evt.pageY;
    } 
 
    if (mouseX < 0){mouseX = 0;}
    if (mouseY < 0){mouseY = 0;}  
    

  return false;
} 
 function ShowDiv(divname,trname)
  {
        try
        {
            document.getElementById(divname).style.visibility="visible";
            document.getElementById(trname) .style.backgroundColor="ButtonFace";
            document.getElementById (trname).style.cursor="hand"; 
            
            if(trname=='trRealEstate' && SubMenuVisible==false)
            {
               
                var X=document.getElementById (trname).offsetLeft + document.getElementById (trname).offsetWidth;
                var Y=document.getElementById (trname).offsetTop +document.body.scrollTop +document.getElementById (trname).offsetHeight ;
                // Y=event.clientY+document.body.scrollTop;
                
                document.getElementById('dvPopUpMenu').style.pixelLeft = X+document.body.scrollLeft;
                document.getElementById('dvPopUpMenu').style.pixelTop = Y;
                document.getElementById('dvPopUpMenu').style.visibility ='visible';
                SubMenuVisible=true;
            }
            else
            {
                bInSubMenu=false;
                SubMenuVisible=false;
                document.getElementById('dvPopUpMenu').style.visibility ='hidden';
            }
            
           }
           catch(err)
           {
                alert(err.description);
           }
    }
    function ShowSubMenuDiv(div,tr)
    {
        try
        {
            document.getElementById(div).style.visibility="visible";
            document.getElementById(tr) .style.backgroundColor="ButtonFace";
            document.getElementById (tr).style.cursor="hand"; 
        }
        catch(err)
        {
        }
    }
    function HideSubMenuDiv(div,tr)
    {
        try
        {
            document.getElementById(div).style.visibility="hidden";
            document.getElementById(tr).style.backgroundColor="activeborder";
            
         }
         catch(err)
         {
            alert(err.description);
         }
    }
    function HideDiv(divname,trname)
    {
        try
        {
            document.getElementById(divname).style.visibility="hidden";
            document.getElementById(trname).style.backgroundColor="activeborder";

            
         }
         catch(err)
         {
            alert(err.description);
         }
    }
    function InSubMenu(trname)
    {
        try
        {
        
            bInSubMenu=true;
            SubMenuVisible=true;
            //document.getElementById (trname).style.cursor="hand";
        }
        catch(err)
        {
            alert(err.description);
        }
    }
    function OutSubMenu(trname)
    {
        try
        {
           if( SubMenuVisible==true)
           {
                bInSubMenu=false;
                SubMenuVisible=false;
                document.getElementById ('dvPopUpMenu').style.visibility ="hidden";
            }
        }
        catch(err)
        {
            alert(err.description);
        }
    }
    function MenuClick(srcPage)
    {
        try
        {
            //parent.Page_holder.src=srcPage;
            document.location=srcPage;
            //alert(parent.Page_holder.src);
        }
        catch(err)
        {
            alert("MenuClick" + err.description);
        }
        
    }
    function SetSize()
    {
        try
        {
          var winW;
          var winH;

           if (parseInt(navigator.appVersion)>3) {
               if (navigator.appName=="Netscape") {
                 winW = parent.Menu.window.innerWidth;
                 winH = parent.Menu.window.innerHeight;
                 winW = window.innerWidth;
                 winH = window.innerHeight;
                }
            if (navigator.appName.indexOf("Microsoft")!=-1) {
             //winW = parent.Menu.document.body.offsetWidth;
            //winH = parent.Menu.document.body.offsetHeight*0.70;
           
            winW= document.documentElement.clientWidth;
            winH = document.documentElement.clientHeight;
            }
           }
           //alert(winW +' '+ winH);
           tblBorder.width=winW;
           tblBorder.height=winH;
           document.getElementById("Spacer_mid").style.width=1
           tdLeft.width=(winW-200)/2
//           BG.width=winW;
//           BG.height =winH;
        }
        catch(err)
        {
            alert(err.message);
        }
    }
function ChangeImage(sender,img,cursor)
{
    try
    {
        document.getElementById(sender).src=img;
        document.getElementById(sender).style.cursor =cursor;
    }
    catch(err)
    {
    }
}

function WriteFooter()
{
   var strBottom;
    try
    {
        strBottom="<table border='0px' align='center'><tr><td  colspan='7'><br/><br/></td></tr><tr><td  colspan='7' align='center' valign ='top'><p align='center'><font  class ='LinkBottom'>"+
			            "<a href=\"javascript:MenuClick('index.html');\" class='footer'>Home</a>&nbsp;"+
						"| <a href=\"javascript:MenuClick('6BlueFloral.html');\" class='footer'>Floral</a>"+
						"| <a href=\"javascript:MenuClick('6BlueSea.html');\" class='footer'>Landscapes</a>"+
						"| <a href=\"javascript:MenuClick('6BlueFigure.html');\" class='footer'>Figures</a>"+
						"| <a href=\"javascript:MenuClick('6BlueSets.html');\" class='footer'>Sets</a>"+
						"| <a href=\"javascript:MenuClick('6BlueBig.html');\" class='footer'>Large Size</a>"+
						"| <a href=\"javascript:MenuClick('6BlueNew.html');\" class='footer'>New</a>"+
						"<br />"+
						"| <a href=\"javascript:MenuClick('6BlueAbout.html');\" class='footer'>About the artist</a>"+
						"| <a href=\"javascript:MenuClick('6BlueDetails.html');\" class='footer'>Description</a>"+
						"| <a href=\"javascript:MenuClick('6BlueContact.html');\" class='footer'>Contact us</a>"+
						
						
						"<br><br /></font> <font class='Footer_address'>" +
						"© 2009-2010&nbsp;LKArt Oil Painting. All rights reserved.<br /><br /></font></p></td></tr><table>";
						
       document.write(strBottom);
    }
    catch(err)
    {
    }
}
//function getSize(){
//try
//    {
//        alert(Menu.style.width );
//    }
//    catch(err)
//    {
//    alert(err.message
//    }
//  }

function WriteMenu()
{
    try
    {
        var strHeader;
        strHeader="<tr><td><a class='FontOnDark' href=''>Home</a></td></tr>" +
        "<tr><td ><a class='FontOnDark' href=''>Subject</a></td></tr>" +
        "<tr><td><a class='FontOnDark' href=''>Floral</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Garden</a></td></tr>" +
        "<tr><td><a class='FontOnDark' href=''>Seascapes</a></td></tr>" +
        "<tr><td><a class='FontOnDark' href=''>Landscapes</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Caffee</a></td></tr>" +
        "<tr><td><a class='FontOnDark' href=''>Figures</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Portraits</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Sets</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Big Size (over 30)</a></td></tr>" +
        
        "<tr><td ><img id='Img5' src='Images/BtnHomeUp.gif' alt='Home' onmouseover=\"ChangeImage('Img5','Images/BtnHomeOver.gif','hand')\" "+
                       "onmouseout=\"ChangeImage('Img5','Images/BtnHomeUp.gif')\" onmousedown=\"ChangeImage('Img5','Images/BtnHomeDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img5','Images/BtnHomeOver.gif','hand')\" onclick=\"MenuClick('Home.htm');\"/></td></tr>"+
       "<tr><td><img id='Img6' src='Images/BtnSubjectUp.gif' alt='Subject' onmouseover=\"ChangeImage('Img6','Images/BtnSubjectOver.gif','hand')\""+
                        "onmouseout=\"ChangeImage('Img6','Images/BtnSubjectUp.gif')\" onmousedown=\"ChangeImage('Img6','Images/BtnSubjectDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\" onclick=\"MenuClick('QA.htm');\"/></td></tr>"+
       "<tr><td><img id='Img7' src='Images/BtnFloralUp.gif' alt='Floral' onmouseover=\"ChangeImage('Img7','Images/BtnFloraltOver.gif','hand')\""+ 
                        "onmouseout=\"ChangeImage('Img7','Images/BtnFloralUp.gif')\" onmousedown=\"ChangeImage('Img7','Images/BtnFloralDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img7','Images/BtnFloralOver.gif','hand')\" onclick=\"MenuClick('Floral.htm');\"/></td></tr>"+
       "<tr><td ><img id='Img5' src='Images/BtnSeaUp.gif' alt='Sea' onmouseover=\"ChangeImage('Img5','Images/BtnSeaOver.gif','hand')\" "+
                       "onmouseout=\"ChangeImage('Img5','Images/BtnSeaUp.gif')\" onmousedown=\"ChangeImage('Img5','Images/BtnSeaDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img5','Images/BtnAboutOver.gif','hand')\" onclick=\"MenuClick('Sea.htm');\"/></td></tr>"+
       "<tr><td><img id='Img6' src='Images/BtnInfoUp.gif' alt='Info FAQ' onmouseover=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\""+
                        "onmouseout=\"ChangeImage('Img6','Images/BtnInfoUp.gif')\" onmousedown=\"ChangeImage('Img6','Images/BtnInfoDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\" onclick=\"MenuClick('QA.htm');\"/></td></tr>"+
       "<tr><td><img id='Img7' src='Images/BtnContactUp.gif' alt='Contact us' onmouseover=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\""+ 
                        "onmouseout=\"ChangeImage('Img7','Images/BtnContactUp.gif')\" onmousedown=\"ChangeImage('Img7','Images/BtnContactDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\" onclick=\"MenuClick('Russian.htm');\"/></td></tr>"+                        
       "<tr><td><img id='Img7' src='Images/BtnContactUp.gif' alt='Contact us' onmouseover=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\""+ 
                        "onmouseout=\"ChangeImage('Img7','Images/BtnContactUp.gif')\" onmousedown=\"ChangeImage('Img7','Images/BtnContactDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\" onclick=\"MenuClick('Russian.htm');\"/></td></tr>"+         
   
        
       "<tr><td ><img id='Img5' src='Images/BtnAboutUp.gif' alt='About the artist' onmouseover=\"ChangeImage('Img5','Images/BtnAboutOver.gif','hand')\" "+
                       "onmouseout=\"ChangeImage('Img5','Images/BtnAboutUp.gif')\" onmousedown=\"ChangeImage('Img5','Images/BtnAboutDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img5','Images/BtnAboutOver.gif','hand')\" onclick=\"MenuClick('ContactUs.htm');\"/></td></tr>"+
       "<tr><td><img id='Img6' src='Images/BtnInfoUp.gif' alt='Info FAQ' onmouseover=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\""+
                        "onmouseout=\"ChangeImage('Img6','Images/BtnInfoUp.gif')\" onmousedown=\"ChangeImage('Img6','Images/BtnInfoDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\" onclick=\"MenuClick('QA.htm');\"/></td></tr>"+
       "<tr><td><img id='Img7' src='Images/BtnContactUp.gif' alt='Contact us' onmouseover=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\""+ 
                        "onmouseout=\"ChangeImage('Img7','Images/BtnContactUp.gif')\" onmousedown=\"ChangeImage('Img7','Images/BtnContactDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\" onclick=\"MenuClick('Russian.htm');\"/></td></tr>"+
        "<tr><td >Arrangment Ideas</td></tr>";
      document.write(strHeader);  
      
    }
    catch(err)
    {
    }
}
function WriteMenuBlue()
{
    try
    {
        var strHeader;
        strHeader="<tr><td><a class='FontOnDark' href=''>Home</a></td></tr>" +
        "<tr><td ><a class='FontOnDark' href=''>Subject</a></td></tr>" +
        "<tr><td><a class='FontOnDark' href=''>Floral</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Garden</a></td></tr>" +
        "<tr><td><a class='FontOnDark' href=''>Seascapes</a></td></tr>" +
        "<tr><td><a class='FontOnDark' href=''>Landscapes</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Caffee</a></td></tr>" +
        "<tr><td><a class='FontOnDark' href=''>Figures</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Portraits</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Sets</a></td></tr>" +
        "<tr><td class='Divider'><a class='FontOnDark' href=''>Big Size (over 30)</a></td></tr>" +
        
        "<tr><td ><img id='Img5' src='Images/BtnHomeUp.gif' alt='Home' onmouseover=\"ChangeImage('Img5','Images/BtnHomeOver.gif','hand')\" "+
                       "onmouseout=\"ChangeImage('Img5','Images/BtnHomeUp.gif')\" onmousedown=\"ChangeImage('Img5','Images/BtnHomeDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img5','Images/BtnHomeOver.gif','hand')\" onclick=\"MenuClick('Home.htm');\"/></td></tr>"+
       "<tr><td><img id='Img6' src='Images/BtnSubjectUp.gif' alt='Subject' onmouseover=\"ChangeImage('Img6','Images/BtnSubjectOver.gif','hand')\""+
                        "onmouseout=\"ChangeImage('Img6','Images/BtnSubjectUp.gif')\" onmousedown=\"ChangeImage('Img6','Images/BtnSubjectDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\" onclick=\"MenuClick('QA.htm');\"/></td></tr>"+
       "<tr><td><img id='Img7' src='Images/BtnFloralUp.gif' alt='Floral' onmouseover=\"ChangeImage('Img7','Images/BtnFloraltOver.gif','hand')\""+ 
                        "onmouseout=\"ChangeImage('Img7','Images/BtnFloralUp.gif')\" onmousedown=\"ChangeImage('Img7','Images/BtnFloralDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img7','Images/BtnFloralOver.gif','hand')\" onclick=\"MenuClick('Floral.htm');\"/></td></tr>"+
       "<tr><td ><img id='Img5' src='Images/BtnSeaUp.gif' alt='Sea' onmouseover=\"ChangeImage('Img5','Images/BtnSeaOver.gif','hand')\" "+
                       "onmouseout=\"ChangeImage('Img5','Images/BtnSeaUp.gif')\" onmousedown=\"ChangeImage('Img5','Images/BtnSeaDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img5','Images/BtnAboutOver.gif','hand')\" onclick=\"MenuClick('Sea.htm');\"/></td></tr>"+
       "<tr><td><img id='Img6' src='Images/BtnInfoUp.gif' alt='Info FAQ' onmouseover=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\""+
                        "onmouseout=\"ChangeImage('Img6','Images/BtnInfoUp.gif')\" onmousedown=\"ChangeImage('Img6','Images/BtnInfoDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\" onclick=\"MenuClick('QA.htm');\"/></td></tr>"+
       "<tr><td><img id='Img7' src='Images/BtnContactUp.gif' alt='Contact us' onmouseover=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\""+ 
                        "onmouseout=\"ChangeImage('Img7','Images/BtnContactUp.gif')\" onmousedown=\"ChangeImage('Img7','Images/BtnContactDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\" onclick=\"MenuClick('Russian.htm');\"/></td></tr>"+                        
       "<tr><td><img id='Img7' src='Images/BtnContactUp.gif' alt='Contact us' onmouseover=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\""+ 
                        "onmouseout=\"ChangeImage('Img7','Images/BtnContactUp.gif')\" onmousedown=\"ChangeImage('Img7','Images/BtnContactDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\" onclick=\"MenuClick('Russian.htm');\"/></td></tr>"+         
   
        
       "<tr><td ><img id='Img5' src='Images/BtnAboutUp.gif' alt='About the artist' onmouseover=\"ChangeImage('Img5','Images/BtnAboutOver.gif','hand')\" "+
                       "onmouseout=\"ChangeImage('Img5','Images/BtnAboutUp.gif')\" onmousedown=\"ChangeImage('Img5','Images/BtnAboutDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img5','Images/BtnAboutOver.gif','hand')\" onclick=\"MenuClick('ContactUs.htm');\"/></td></tr>"+
       "<tr><td><img id='Img6' src='Images/BtnInfoUp.gif' alt='Info FAQ' onmouseover=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\""+
                        "onmouseout=\"ChangeImage('Img6','Images/BtnInfoUp.gif')\" onmousedown=\"ChangeImage('Img6','Images/BtnInfoDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img6','Images/BtnInfoOver.gif','hand')\" onclick=\"MenuClick('QA.htm');\"/></td></tr>"+
       "<tr><td><img id='Img7' src='Images/BtnContactUp.gif' alt='Contact us' onmouseover=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\""+ 
                        "onmouseout=\"ChangeImage('Img7','Images/BtnContactUp.gif')\" onmousedown=\"ChangeImage('Img7','Images/BtnContactDown.gif','hand')\""+
                        "onmouseup=\"ChangeImage('Img7','Images/BtnContactOver.gif','hand')\" onclick=\"MenuClick('Russian.htm');\"/></td></tr>"+
        "<tr><td >Arrangment Ideas</td></tr>";
      document.write(strHeader);  
      
    }
    catch(err)
    {
    }
}
function WriteHeader_new()
{
    try
    {
        var strHeader;
        strHeader= "<tr><td colspan='7'><img src='Images/bTopLKArt.png'/></td></tr><tr>" +
                   "<tr><td colspan='7'><img src='Images/TopLines.gif'/></td></tr><tr>" 
      document.write(strHeader);  
    }
    catch(err)
    {
    }
}
function CreatePaintingTable(colnum,xml)
{
    try
    {
     //debugger;
        //var xmlDoc=null;
        var str=""; var str1="";
      
        var glass1="<td><input type='image' src='Images/Glass.png' onclick=\"return SLarge(";
        var glass2="); \" onmouseout='HideLShow();'/>&nbsp;<a href='#' onclick=\" return SLarge("; 
        var glass3=")\" class='sAchor' onmouseout='HideLShow();'>Enlarge</a></td><td width='0px'></td>";
        
        var ii;var j;var c=1; var str2="";
        var height;
        var stblTop="<table  border='0' cellpadding='0' cellspacing ='0'><tr valign ='bottom'><td rowspan ='2' valign ='bottom'>";
        var stblBottom=" <td class='sRightTop' style='height:13px'></td></tr><tr>" +
                        "<td class='sRight' style='{0}'>&nbsp;</td></tr><tr><td >" +
                        "<table border='0' cellpadding='0' cellspacing ='0' width='100%'>" +
                        "<tr><td  class='sLeft' valign='top'>&nbsp;&nbsp;&nbsp;" +
                        "</td><td class='sBottom' width='100%'></td></tr>" +
                        "</table></td><td  class='sCorner'>&nbsp;</td></tr></table>"; 
                        // height:467px

      String.prototype.format = function(){
                var pattern = /\{\d+\}/g;
                var args = arguments;
                return this.replace(pattern, function(capture){ return args[capture.match(/\d+/)]; });
      }
        if(navigator.userAgent.indexOf("Safari")!=-1)         
        {
            if (window.XMLHttpRequest) {
                req = new XMLHttpRequest();
                req.open("GET", xml, false);
                req.send(null);
                x=req.responseXML.getElementsByTagName("Paintings");
        // branch for IE/Windows ActiveX version
            } else if (window.ActiveXObject) {
            //isIE = true;
            req = new ActiveXObject("Microsoft.XMLHTTP");
            if (req) {
                req.open("GET", xml, false);
                req.send();
                x=req.responseXML.getElementsByTagName("Paintings");
            }}
        }
        else{
                if (window.ActiveXObject)
                    {// code for IE
                        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
                        xmlDoc.async=false;
                        xmlDoc.load(xml);
                        x=xmlDoc.getElementsByTagName("Paintings");
                    }
                 else if (document.implementation.createDocument)
                    {// code for Mozilla, Firefox, Opera, etc.
                        xmlDoc=document.implementation.createDocument("","",null);
                        xmlDoc.async=false;
                        xmlDoc.load(xml);
                        x=xmlDoc.getElementsByTagName("Paintings");
                    }
                 else
                    {
                        alert('Your browser cannot handle this script');
                    }
                  //alert("paintings:" + x[0].childNodes.length)
                 
               }
            if (x!=null)
        {
            
            str+="<table border='0' width='100%'>";
            ii=x[0].childNodes.length-1;
            j=0;
            for (var i=0;i<=ii;i++)
            { 
                if(x[0].childNodes[i].nodeType==1)
                {
                if(c==1)
                {
                    str+="<tr>";
                    str2+="<tr>";
                }
                str2+=glass1 + getElementValue(x[0].childNodes[i],2) + glass2 + getElementValue(x[0].childNodes[i],2) +glass3;
                if(getElementValue(x[0].childNodes[i],3).length!=0)
                {
                    str+="<td align='center'>" + stblTop;
                     height ="height:" + (getElementValue(x[0].childNodes[i],3).split("|")[1]-13) + "px";
                   
                    str+="<" + getElementValue(x[0].childNodes[i],0) + " onclick=\"return  SLarge(" + getElementValue(x[0].childNodes[i],2) + 
                           "); \" onmouseout='HideLShow();'" + 
                         "/></td>" + stblBottom.format(height) + "</td><td width='0px'></td>";
                }
                else{
                    str+="<td align='center'>" + stblTop;
                    str+="<" + getElementValue(x[0].childNodes[i],0) + " onclick=\"return  SLarge(" + getElementValue(x[0].childNodes[i],2) + 
                           "); \" onmouseout='HideLShow();'" + "/></td>" + stblBottom + "</td><td width='0px'></td>";

                }
                str1+="<td align='center' class='TextFont'>" + getElementValue(x[0].childNodes[i],1) + 
                      "<br/><br/></td><td ></td>";

                if(c==colnum)
                {
                    str+="</tr>";
                    str+=str2+="</tr>";
                    str+="<tr>" + str1 +"</tr>";
                    str1="";
                    str2="";
                    c=0; 
                }
               c+=1;

            }}
            c-=1;
            if(c!=colnum)
            {
                str+="</tr>";
                str+=str2+="</tr>";
                str+="<tr>" + str1 +"</tr>";
                str+="</table>";
            }
            {
                str+="</table>";
            }
            
            document.write(str);
            //document.write("</table>");
        }

    }
    catch (err)
    {
        alert("CreatePaintingTable" + err);
    }
}
function ShowLargeImage(image)
{
    try
    {
        alert(image);
    }
    catch(err)
    {
    }
}
function ShowSortedImages(imagetype)
{
    try
    {
     //var xmlDoc=null;
        var str=""; var str1="";
        var ii;var j;var image;
        if (window.ActiveXObject)
        {// code for IE
            xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        }
        else if (document.implementation.createDocument)
        {// code for Mozilla, Firefox, Opera, etc.
            xmlDoc=document.implementation.createDocument("","",null);
        }
        else
        {
            alert('Your browser cannot handle this script');
        }
        if (xmlDoc!=null) 
        {
             xmlDoc.async=false;
            xmlDoc.load("Scripts/People.xml");
            x=xmlDoc.getElementsByTagName("Paintings");

            document.write("<table border='0'>");
            ii=x[0].childNodes.length-1;
            j=0;
            for (var i=0;i<=ii;i++)
            {
                 if(i%2==0)
                {
                   str+="<tr>"; 
                }
                str+="<td>";
                image=x[0].childNodes[i].childNodes[0].nodeTypedValue;
                 if(image.indexOf(imagetype)!=0)
                {
                    str+="<" + image + "/></td><td width='20pt'></td>";
                    str1+="<td align='center'></td><td width='40pt'></td>";
                    //str1+="<td align='center'><a class='TextFont' href='javascript:ShowLargeImage(" +x[0].childNodes[i].childNodes[1].nodeTypedValue+ ")'" +">Details</a></td><td width='40pt'></td>";
                    j+=1;
                     if(j==2)
                    {
                        str+="</tr>";
                        str+="<tr>" + str1 +"</tr>";
                        str1="";
                        j=0; 
                    }
                }
            }
             str+="</table>";
            document.write(str);
        }
    }
    catch(e)
    {
        alert(e);
    }
}
function CreatePaintingMixedTable(colnum)
{
    try
    {
  //debugger;
        var columns="012345";//allowed columns numbers
        var str=""; var str1="";
        var glass1="<td><input type='image' src='Images/Glass.png' onclick=\"return SLarge(";
        var glass2="); \" onmouseout='HideLShow();'/>&nbsp;<a href='#' onclick=\"return SLarge("; 
        var glass3=")\" class='sAchor' onmouseout='HideLShow();'>Enlarge</a></td><td width='0px'></td>";
        var ii;var j;var c=1; var str2="";
        var height;
        var stblTop="<table  border='0' cellpadding='0' cellspacing ='0'><tr valign ='bottom'><td rowspan ='2' valign ='bottom'>";
        var stblBottom=" <td class='sRightTop' style='height:13px'></td></tr><tr>" +
                        "<td class='sRight' style='{0}'>&nbsp;</td></tr><tr><td >" +
                        "<table border='0' cellpadding='0' cellspacing ='0' width='100%'>" +
                        "<tr><td  class='sLeft' valign='top'>&nbsp;&nbsp;&nbsp;" +
                        "</td><td class='sBottom' width='100%'></td></tr>" +
                        "</table></td><td  class='sCorner'>&nbsp;</td></tr></table>"; 
      String.prototype.format = function(){
                var pattern = /\{\d+\}/g;
                var args = arguments;
      return this.replace(pattern, function(capture){ return args[capture.match(/\d+/)]; });
      }
  if(navigator.userAgent.indexOf("Safari")!=-1)         
        {
            if (window.XMLHttpRequest) {
                req = new XMLHttpRequest();
                req.open("GET", "Scripts/Sets.xml", false);
                req.send(null);
                x=req.responseXML.getElementsByTagName("Paintings");
            } else if (window.ActiveXObject) {
            req = new ActiveXObject("Microsoft.XMLHTTP");
            if (req) {
                req.open("GET", "Scripts/Sets.xml", false);
               req.send();
                x=req.responseXML.getElementsByTagName("Paintings");
            }}
        }
        else{
                if (window.ActiveXObject)
                    {// code for IE
                        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
                        xmlDoc.async=false;
                        xmlDoc.load("Scripts/Sets.xml");
                        x=xmlDoc.getElementsByTagName("Paintings");
                    }
                 else if (document.implementation.createDocument)
                    {// code for Mozilla, Firefox, Opera, etc.
                        xmlDoc=document.implementation.createDocument("","",null);
                        xmlDoc.async=false;
                        xmlDoc.load("Scripts/Sets.xml");
                        x=xmlDoc.getElementsByTagName("Paintings");
                    }
                 else
                    {alert('Your browser cannot handle this script');}
               }
         if (x!=null) 
        {
            ii=x[0].childNodes.length-1;
            j=0;
            for (var i=0;i<=ii;i++)
            { 
                if(x[0].childNodes[i].nodeType==1)
                {
                if(columns.indexOf(getElementValue(x[0].childNodes[i],0))!=-1 && getElementValue(x[0].childNodes[i],0).length!=0)
                {
                  if(c!=colnum && colnum!=0 && i!=0 && str1.length!=0)// close incomplite row
                    {
                        str+="</tr>";
                        str+=str2+="</tr>";
                        str+="<tr>" + str1 +"</tr>";
                        colnum=0;
                    }
                    colnum=getElementValue(x[0].childNodes[i],0);
                  if(i==0)
                  {
                    str = str + "<table border='0'>";
                  }
                  else
                  {
                    str = str + "</table><br/><br/><table border='0'>";
                  }
                  continue;
                }
                {
                }
                if(c==1)
                {
                    str+="<tr>";
                    str2+="<tr>";
                }
                if(getElementValue(x[0].childNodes[i],2).length!=0)
                {
                  str2+=glass1 + getElementValue(x[0].childNodes[i],2) + glass2 + getElementValue(x[0].childNodes[i],2) +glass3;
                }
                else{
                     str2+="<td></td><td width='0px'></td>";
                }
                if(getElementValue(x[0].childNodes[i],0).length!=0)
                {
                    if(getElementValue(x[0].childNodes[i],2).length!=0)
                    {
                        str+="<td align='center' valign='bottom'>" + stblTop;
                        height ="height:" + (getElementValue(x[0].childNodes[i],3).split("|")[1]-13) + "px";
                        str+="<" + getElementValue(x[0].childNodes[i],0) + " onclick=\"return SLarge(" + getElementValue(x[0].childNodes[i],2) + 
                           "); \" onmouseout='HideLShow();'" + "/></td>" + stblBottom.format(height) + "</td><td width='0px'></td>";
                    }
                    else{
                        str+="<td align='center' valign='bottom'>" + stblTop;
                        height ="height:" + (getElementValue(x[0].childNodes[i],3).split("|")[1]-13) + "px";
                        str+="<" + getElementValue(x[0].childNodes[i],0) + "/></td>" + stblBottom.format(height) + "</td><td width='0px'></td>";
                    }
                }
                else 
                {
                    str+="<td></td><td width='0px'></td>";
                }
                str1+="<td align='center' valign='middle' class='TextFont'>" + getElementValue(x[0].childNodes[i],1) + "<br/><br/></td>" +
                      "<td></td>";
                if(c==colnum)
                {
                    str+="</tr>";
                    str+=str2+="</tr>";
                    str+="<tr>" + str1 +"</tr>";
                    str1="";
                    str2="";
                    c=0; 
                }
                c+=1;
            }}
             c-=1;
            if(c!=colnum)
            {
                str+="</tr>";
                str+=str2+="</tr>";
                str+="<tr>" + str1 +"</tr>";
                str+="</table>";
            }
            else
            {
                str+="</table>";
            }
            document.write(str);
        }

    }
    catch (err)
    {
        alert("CreatePaintingTable" + err);
    }
}
function getElementValue(element,nodenum)
{
    try
    {
        if(window.ActiveXObject)
        {
            return element.childNodes[nodenum].nodeTypedValue;
        }
        else{
            switch (nodenum)
            {
                case 0:
                    return fixvalue(element);
                    break;
                case 1:
                    return element.getElementsByTagName("info")[0].textContent;
                    break;
                case 2:
                    return  element.getElementsByTagName("urlL")[0].textContent;
                    break;
                 case 3:
                    return  element.getElementsByTagName("size")[0].textContent;
                    break;
            }
        }
    }
    catch(ex)
    {}
}
function fixvalue(element)
{
    try{
        var value;
        String.prototype.trim = function(){ return this.replace(/^\s+|\s+$/g, ''); }
        if(element.getElementsByTagName("info").length==0)
        {
            value = element.getElementsByTagName("url")[0].textContent.replace(/\s+/g,'');
            value = value.replace(/[\n\r\t]/g,''); 
            return value;
        }
        else{
            value=element.getElementsByTagName("url")[0].textContent;
            value = value.replace(/[\n\r\t]/g,''); 
            value=value.trim();
            return value;
        }

    }
    catch(ex){return "";}
}
function CreateShowDiv()
{
    document.write("<div id='LShow' class='LShow'" +
                   "style='border:solid 1px red;visibility:hidden;width:510px; height:510px;' >" +
                   "<span></span><img name='ShowLarge' id='ShowLarge' class ='sDiv' src=''  /></div>");//style='height:400px;'
}

function LoadImages_old()
{
        //var xmlDoc=null; imageObj = new Image(); 
        var j;var img; var columns="012345"; imgs = new Array();
        //debugger;
    try{
    if(navigator.userAgent.indexOf("Safari")!=-1)         
        {
            if (window.XMLHttpRequest) {
                req = new XMLHttpRequest();
                req.open("GET", liXML, false);
                req.send(null);
                x=req.responseXML.getElementsByTagName("Paintings");
        // branch for IE/Windows ActiveX version
            } else if (window.ActiveXObject) {
            //isIE = true;
            req = new ActiveXObject("Microsoft.XMLHTTP");
            if (req) {
                req.open("GET", liXML, false);
               req.send();
                x=req.responseXML.getElementsByTagName("Paintings");
            }}
        }
        else{
                if (window.ActiveXObject)
                    {// code for IE
                        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
                        xmlDoc.async=false;
                        xmlDoc.load(liXML);
                        x=xmlDoc.getElementsByTagName("Paintings");
                    }
                 else if (document.implementation.createDocument)
                    {// code for Mozilla, Firefox, Opera, etc.
                        xmlDoc=document.implementation.createDocument("","",null);
                        xmlDoc.async=false;
                        xmlDoc.load(liXML);
                        x=xmlDoc.getElementsByTagName("Paintings");
                    }
                 else
                    {alert('Your browser cannot handle this script');}
               }
         if (x!=null) 
        {
            ii=x[0].childNodes.length-1;
            j=0;
              for (var i=0;i<=ii;i++)
            { 
                if(x[0].childNodes[i].nodeType==1){
                    if(columns.indexOf(getElementValue(x[0].childNodes[i],0))==-1 && getElementValue(x[0].childNodes[i],0).length!=0)
                    {
                         // set image list
                         img=getElementValue(x[0].childNodes[i],0);
                         imgs[j]=img.replace("'",'').replace("'",'');
                         j+=1;
                    }
                }
            }
              var d=document; 
            if(d.images)
            { 
                if(!d.MM_p) d.MM_p=new Array();
                j=d.MM_p.length;//a=MM_preloadImages.arguments; 
                
                for(i=0; i<imgs.length; i++)
                     d.MM_p[i]=new Image(); 
                }
                 for(i=0; i<imgs.length; i++)
                 {
                     d.MM_p[i].src=imgs[i];
                }
            for (var i=0;i<=ii;i++)
            { 
                if(x[0].childNodes[i].nodeType==1){
                    if(columns.indexOf(getElementValue(x[0].childNodes[i],0))==-1 && getElementValue(x[0].childNodes[i],2).length!=0)
                    {
                         // set image list
                         img=getElementValue(x[0].childNodes[i],2);
                         imgs[j]=img.replace("'",'').replace("'",'');
                         j+=1;
                    }
                }
            }
              var d=document; 
            if(d.images)
            { 
                if(!d.MM_p) d.MM_p=new Array();
                var i,j=d.MM_p.length;//a=MM_preloadImages.arguments; 
                
                for(i=0; i<imgs.length; i++)
                     d.MM_p[i]=new Image(); 
                }
                 for(i=0; i<imgs.length; i++)
                 {
                     d.MM_p[i].src=imgs[i];
                }
         }
         window.clearTimeout(litID);
    }
    catch(e){ 
    alert(e);}
}
	function LoadFilm(xml)
{
       //debugger;
    try{
        if(navigator.userAgent.indexOf("Safari")!=-1)         
        {
            if (window.XMLHttpRequest) {
                req = new XMLHttpRequest();
                req.open("GET", xml, false);
                req.send(null);
                x=req.responseXML.getElementsByTagName("Paintings");
        // branch for IE/Windows ActiveX version
            } else if (window.ActiveXObject) {
            req = new ActiveXObject("Microsoft.XMLHTTP");
            if (req) {
                req.open("GET", xml, false);
               req.send();
                x=req.responseXML.getElementsByTagName("Paintings");
            }}
        }
        else{
                if (window.ActiveXObject)
                    {// code for IE
                        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
                        xmlDoc.async=false;
                        xmlDoc.load(xml);
                        x=xmlDoc.getElementsByTagName("Paintings");
                    }
                 else if (document.implementation.createDocument)
                    {// code for Mozilla, Firefox, Opera, etc.
                        xmlDoc=document.implementation.createDocument("","",null);
                        xmlDoc.async=false;
                        xmlDoc.load(xml);
                        x=xmlDoc.getElementsByTagName("Paintings");
                    }
                 else
                    {
                        alert('Your browser cannot handle this script');
                    }
                  //alert("paintings:" + x[0].childNodes.length)
                 
               }
          LoadFilmXML(x);
    }
    catch(e){ 
    alert("LoadFilm" + e);}
}
function LoadFilmXML(paitings)
{
  var j;//var img; var columns="012345";
  var str="<div>";
  if (paitings!=null) 
        {
            ii=x[0].childNodes.length-1;
            j=0;
            for (var i=0;i<=ii;i++)
            { 
                if(x[0].childNodes[i].nodeType==1){
                    
                    if( getValue(x[0].childNodes[i],0).length!=0)
                    {
                         // set image list
                         str+="<"+ getValue(x[0].childNodes[i],0) + "' style='width:124px'>"
                    }
                }
            }
            str+="<div id='FilmEnd'></div></div>";
            strImages = str;

         }
}
function getValue(element,nodenum)
{
    try
    {
        if(window.ActiveXObject)
        {
            return element.childNodes[nodenum].nodeTypedValue;
        }
        else{
             return element.getElementsByTagName("url")[0].textContent;
        }
    }
    catch(ex)
    {}
}

function createSlide()
{
    var str="";
    try{
        LoadFilm('Scripts/Film.xml');
        str+="<div id='slideshow'><div id='ssc' class='ssc'>" +
		"<div id='move_up'><img src='Images/6BtnArrowDown.png' id='up' style='margin-left:-10px;' alt=''/></div>" +
		"<div id='sImages'  style='margin-left:2px;'>" + strImages + "</div>" +
		"<div id='move_down'><img src='Images/6BtnArrowUp.png' id='down'  style='margin-left:-10px; margin-top:3px;' alt=''/></div></div></div>";
		document.write(str);
		startSlideShow();
    }
    catch(e){}
}
	function getTopPos(inputObj)
	{		
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
	  return returnValue;
	}
	function getLeftPos(inputObj)
	{
	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
	  return returnValue;
	}
	function initSlide(e)
	{
		if(document.all)e = event;
		slideSpeed = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop) - getTopPos(this);
		if(this.src.indexOf('Down')>=0){
			slideSpeed = (slideSpeed)*-1;	
		}else{
			slideSpeed = moveImageHeight - slideSpeed;
		}
		slideSpeed = Math.round(slideSpeed * 10 / moveImageHeight);
	}
	
	function stopSlide()
	{		
		slideSpeed = 0;
	}
	
	function slideShow()
	{
		if(slideSpeed!=0){
			var topPos = divImages.style.top.replace(/[^\-0-9]/g,'')/1;	
		
			if(slideSpeed<0 && slideEndMarker.offsetTop<(sscImage.offsetHeight - topPos)){
				slideSpeed=0;
			}
			topPos = topPos + slideSpeed;
			if(topPos>0)topPos=0;
		 	divImages.style.top = topPos + 'px';
		}
	 	setTimeout('slideShow()',30);		
	}
	
	function startSlideShow()
	{
	//debugger;
		sscImage = document.getElementById('sImages');
		divImages = document.getElementById('sImages').getElementsByTagName('DIV')[0];
		divImages.style.top = '0px';
		ssContainer  = document.getElementById('ssc');
		slideEndMarker = document.getElementById('FilmEnd');
		
		document.getElementById('up').onmousemove = initSlide;
		document.getElementById('up').onmouseout = stopSlide;
		
		document.getElementById('down').onmousemove = initSlide;
		document.getElementById('down').onmouseout = stopSlide;
		slideShow();

}
//load big images
function ShowBig(img,name) {
    //debugger;
    try {
        if (loader != null) {
            loader.RunLoad(img,name);
        }

    }
    catch (e) { }
}
function CloseBI() {
    try {
        loader.hide();
    }
    catch (e) { }
}



