function showInPlaceDiv(id)
{
    alert("i am here");
    if (document.getElementById)
    {
        if (document.getElementById(id))
        {
             document.getElementById(id).style.display = 'block';
        }
    }
}

function newFun()
{

}

function hideInPlaceDiv(id)
{
    if (document.getElementById)
    {
        if (document.getElementById(id))
        {
            document.getElementById(id).style.display = 'none';
        }
    }
}


function moveElement(id, x, y)
{
 if (document.getElementById)
 {
 document.getElementById(id).style.left = x + 'px';
 document.getElementById(id).style.top = y + 'px';
 }
}
function showElement(id)
{
 if (document.getElementById)
 {
 if (document.getElementById(id))
 {
 document.getElementById(id).style.visibility = 'visible';
 }
 }
}

function hideElement(id)
{
 if (document.getElementById)
 {
 if (document.getElementById(id))
 {
 document.getElementById(id).style.visibility = 'hidden';
 }
 }
}

function swapHtml(id, html)
{
 if (document.getElementById)
 {
 if (document.getElementById(id))
 {
 document.getElementById(id).innerHTML = html;
 }
 }
}

function getWindowSize()
{
    var myWidth = 0, myHeight = 0;
      if( typeof( window.innerWidth ) == 'number' ) {
        //Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
      } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
      } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
      }
      
    return [myWidth,myHeight];
}

function moveLeftdivTimepiece(index,divDiv,SpecImage,SpecText,isSaico,OffsetMove){


 sCont=document.getElementById("divContainer"+index);
 sBCont=document.getElementById("Detail-Left");

 var sContLeft = 0;
 var sContTop = 0;
 var objD = divDiv;
 while(objD)
 {
    sContTop += objD.offsetTop ;
    objD = objD.offsetParent;
 }
 
 objD = sBCont;
 while(objD)
 {
    sContLeft += objD.offsetLeft ;
    objD = objD.offsetParent;
    //alert(ol);
 }
 
 sContWidth = sCont.offsetWidth;
 sContRight = sContLeft+sContWidth;

 sBox=document.getElementById("divBox");
 sBoxTop = sBox.offsetTop;
 sBoxLeft = sBox.offsetLeft;
 sBoxWidth = sBox.offsetWidth;
 sBoxHeight = sBox.offsetHeight;
divDivLeft=0;//divDiv.offsetLeft
divDivWidth=divDiv.offsetWidth

 sBoxNewLeft = sContLeft + (divDivLeft + (divDivWidth/ 2) ) - (sBoxWidth/2)+OffsetMove
 sBoxNewRight = sBoxNewLeft + (sBoxWidth)

 if ((sBoxNewLeft) < (sContLeft)) {
 sbPosLeft=sContLeft;
 } else if ((sBoxNewRight) > (sContRight )){
 
 sbPosLeft=sContRight - sBoxWidth+OffsetMove;
 } else {
 sbPosLeft=sBoxNewLeft;
 }
 imgTag='<img src="' + SpecImage + '">';
 imgURL=SpecImage;//images/divlg/' + img + '.jpg';
 showdiv(index);

 var IfrRef = document.getElementById('DivShim');
 IfrRef.style.width =sBox.offsetWidth;
 IfrRef.style.height =sBox.offsetHeight;
 IfrRef.style.top = sBox.style.top;
 IfrRef.style.left = sBox.style.left;
 IfrRef.style.zIndex = 999;

var winsize = getWindowSize();


if(sContTop + sBoxHeight > winsize[1])
{
    sContTop = winsize[1] - sBoxHeight;
}


 moveElement('DivShim', sContLeft+sBoxWidth + 100, sContTop );
 moveElement('divBox', sContLeft+sBoxWidth+ 100, sContTop );
 swapHtml('divBoxColorDesc', SpecText);
 swapHtml('divBoxImg', imgTag);
}

function moveRightdivTimepiece(index,divDiv,SpecImage,SpecText,isSaico,OffsetMove){
 sCont=document.getElementById("divContainer"+index);
 sBCont=document.getElementById("TDRight");

 var sContLeft = 0;
 var sContTop = 0;
 var objD = divDiv;
 while(objD)
 {
    sContTop += objD.offsetTop ;
    objD = objD.offsetParent;
 }
 
 objD = sBCont;
 while(objD)
 {
    sContLeft += objD.offsetLeft ;
    objD = objD.offsetParent;
    //alert(ol);
 }
 
 sContWidth = sCont.offsetWidth;
 sContRight = sContLeft+sContWidth;

 sBox=document.getElementById("divBox");
 sBoxTop = sBox.offsetTop;
 sBoxLeft = sBox.offsetLeft;
 sBoxWidth = sBox.offsetWidth;
 sBoxHeight = sBox.offsetHeight;
divDivLeft=0;//divDiv.offsetLeft
divDivWidth=divDiv.offsetWidth

 sBoxNewLeft = sContLeft + (divDivLeft + (divDivWidth/ 2) ) - (sBoxWidth/2)+OffsetMove
 sBoxNewRight = sBoxNewLeft + (sBoxWidth)

 if ((sBoxNewLeft) < (sContLeft)) {
 sbPosLeft=sContLeft;
 } else if ((sBoxNewRight) > (sContRight )){
 
 sbPosLeft=sContRight - sBoxWidth+OffsetMove;
 } else {
 sbPosLeft=sBoxNewLeft;
 }
 imgTag='<img src="' + SpecImage + '">';
 imgURL=SpecImage;//images/divlg/' + img + '.jpg';
 showdiv(index);

 var IfrRef = document.getElementById('DivShim');
 IfrRef.style.width =sBox.offsetWidth;
 IfrRef.style.height =sBox.offsetHeight;
 IfrRef.style.top = sBox.style.top;
 IfrRef.style.left = sBox.style.left;
 IfrRef.style.zIndex = 999;

var winsize = getWindowSize();


if(sContTop + sBoxHeight > winsize[1])
{
    sContTop = winsize[1] - sBoxHeight;
}

 moveElement('DivShim', sContLeft-sBoxWidth, sContTop );
 moveElement('divBox', sContLeft-sBoxWidth, sContTop );
 swapHtml('divBoxColorDesc', SpecText);
 swapHtml('divBoxImg', imgTag);
}

function movediv(index,divDiv,SpecImage,SpecText,isSaico,OffsetMove){

 sCont=document.getElementById("divContainer"+index);
 sBCont=document.getElementById("bodycontainer");
 sContTop = sCont.offsetTop + sBCont.offsetTop;
 sContLeft = sCont.offsetLeft + sBCont.offsetLeft;
 sContWidth = sCont.offsetWidth;
 sContRight = sContLeft+sContWidth;

 sBox=document.getElementById("divBox");
 sBoxTop = sBox.offsetTop;
 sBoxLeft = sBox.offsetLeft;
 sBoxWidth = sBox.offsetWidth;
 sBoxHeight = sBox.offsetHeight;
divDivLeft=0;//divDiv.offsetLeft
divDivWidth=divDiv.offsetWidth

 sBoxNewLeft = sContLeft + (divDivLeft + (divDivWidth/ 2) ) - (sBoxWidth/2)+OffsetMove
 sBoxNewRight = sBoxNewLeft + (sBoxWidth)

 if ((sBoxNewLeft) < (sContLeft)) {
 sbPosLeft=sContLeft;
 } else if ((sBoxNewRight) > (sContRight )){
 
 sbPosLeft=sContRight - sBoxWidth+OffsetMove;
 } else {
 sbPosLeft=sBoxNewLeft;
 }
 imgTag='<img src="' + SpecImage + '">';
 imgURL=SpecImage;//images/divlg/' + img + '.jpg';
 showdiv(index);

 var IfrRef = document.getElementById('DivShim');
 IfrRef.style.width =sBox.offsetWidth;
 IfrRef.style.height =sBox.offsetHeight;
 IfrRef.style.top = sBox.style.top;
 IfrRef.style.left = sBox.style.left;
 IfrRef.style.zIndex = 999;

 moveElement('DivShim', sbPosLeft-183, sContTop-sBoxHeight+238);
 moveElement('divBox', sbPosLeft-183, sContTop-sBoxHeight+238);
 swapHtml('divBoxColorDesc', SpecText);
 swapHtml('divBoxImg', imgTag);
}

dispdiv=false;
function hidediv(index){
 dispdiv=false;
 setTimeout('doHidediv()',100);
}
function doHidediv(index){
 if(!dispdiv){
 var IfrRef = document.getElementById('DivShim');
 IfrRef.style.display = "none";
 hideElement('divBox');
 }
}
function showdiv(index){
 dispdiv=true;
 var IfrRef = document.getElementById('DivShim');
 IfrRef.style.display = "block";
 showElement('divBox');
}

{
 document.write("<div class=\"divBox\" id=\"divBox\" >");
  document.write( "<div class=\"divBoxText1\" ></div>");
 document.write( "<div class=\"divBoxImg\" id=\"divBoxImg\" ><br><br></div>");
 document.write( "<div class=\"divBoxText\" >");
 document.write( "<div class=\"divBoxColorDesc\" id=\"divBoxColorDesc\"></div>");
 document.write( "</div>");
 document.write("</div>");
 document.write("<iframe id=\"DivShim\" src=\"javascript:false;\" scrolling=\"no\" frameborder=\"0\" style=\"position:absolute; top:0px; left:0px; display:none; width:180px;\"></iframe>");

}
function movediv1(index,divDiv,SpecImage,SpecText,isSaico,OffsetMove){

 sCont=document.getElementById("divContainer"+index);
 sBCont=document.getElementById("bodycontainer");
 sContTop = sCont.offsetTop + sBCont.offsetTop;
 sContLeft = sCont.offsetLeft + sBCont.offsetLeft;
 sContWidth = sCont.offsetWidth;
 sContRight = sContLeft+sContWidth;

 sBox=document.getElementById("divBox");
 sBoxTop = sBox.offsetTop;
 sBoxLeft = sBox.offsetLeft;
 sBoxWidth = sBox.offsetWidth;
 sBoxHeight = sBox.offsetHeight;
divDivLeft=divDiv.offsetLeft
divDivWidth=divDiv.offsetWidth

 sBoxNewLeft = sContLeft + (divDivLeft + (divDivWidth/ 2) ) - (sBoxWidth/2)+OffsetMove
 sBoxNewRight = sBoxNewLeft + (sBoxWidth)

 if ((sBoxNewLeft) < (sContLeft)) {
 sbPosLeft=sContLeft;
 } else if ((sBoxNewRight) > (sContRight )){
 
 sbPosLeft=sContRight - sBoxWidth+OffsetMove;
 } else {
 sbPosLeft=sBoxNewLeft;
 }
 imgTag='<img src="' + SpecImage + '">';
 imgURL=SpecImage;//images/divlg/' + img + '.jpg';
 showdiv(index);

 var IfrRef = document.getElementById('DivShim');
 IfrRef.style.width =sBox.offsetWidth;
 IfrRef.style.height =sBox.offsetHeight;
 IfrRef.style.top = sBox.style.top;
 IfrRef.style.left = sBox.style.left;
 IfrRef.style.zIndex = 999;

 moveElement('DivShim', sbPosLeft, sContTop-sBoxHeight-20);
 moveElement('divBox', sbPosLeft, sContTop-sBoxHeight-20);
 swapHtml('divBoxColorDesc', SpecText);
 swapHtml('divBoxImg', imgTag);
}

dispdiv=false;
function hidediv(index){
 dispdiv=false;
 setTimeout('doHidediv()',100);
}
function doHidediv(index){
 if(!dispdiv){
 var IfrRef = document.getElementById('DivShim');
 IfrRef.style.display = "none";
 hideElement('divBox');
 }
}
function showdiv(index){
 dispdiv=true;
 var IfrRef = document.getElementById('DivShim');
 IfrRef.style.display = "block";
 showElement('divBox');
}

{
 document.write("<div class=\"divBox\" id=\"divBox\" >");
  document.write( "<div class=\"divBoxText1\" ></div>");
 document.write( "<div class=\"divBoxImg\" id=\"divBoxImg\" ><br><br></div>");
 document.write( "<div class=\"divBoxText\" >");
 document.write( "<div class=\"divBoxColorDesc\" id=\"divBoxColorDesc\"></div>");
 document.write( "</div>");
 document.write("</div>");
 document.write("<iframe id=\"DivShim\" src=\"javascript:false;\" scrolling=\"no\" frameborder=\"0\" style=\"position:absolute; top:0px; left:0px; display:none; width:180px;\"></iframe>");

}