// JScript File

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var doswitch=0
var nsx
var nsy
var nstemp

var maxChar = 250;
var maxInfo = 300;
var maxShopName = 50;

// Strip HTML Tags (form) script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
function stripHTML(){
    var re= /<\S[^><]*>/g
    for (i=0; i<arguments.length; i++)
    arguments[i].value=arguments[i].value.replace(re, "")
}

function textCounter(field,cntfield,maxlimit) {
    if (field.value.length > maxlimit) // if too long...trim it!
        field.value = field.value.substring(0, maxlimit);
        // otherwise, update 'characters left' counter
    else
        cntfield.innerHTML = maxlimit - field.value.length + " ";
}

function drag_dropns(name){
    if (!ns4)
        return
    temp=eval(name)
    temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
    temp.onmousedown=gons
    temp.onmousemove=dragns
    temp.onmouseup=stopns
}

function gons(e){
    temp.captureEvents(Event.MOUSEMOVE)
    nsx=e.x
    nsy=e.y
}

function dragns(e){
    if (dragswitch==1){
        temp.moveBy(e.x-nsx,e.y-nsy)
        return false
    }
}

function stopns(){
    temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
    if (ie4&&dragapproved){
        crossobj.style.left=tempx+event.clientX-offsetx
        crossobj.style.top=tempy+event.clientY-offsety
        return false
    }
    else if (ns6&&dragapproved){
        crossobj.style.left=tempx+e.clientX-offsetx+"px"
        crossobj.style.top=tempy+e.clientY-offsety+"px"
        return false
    }
}

function initializedrag(e){
    crossobj=ns6? document.getElementById("showimage") : document.all.showimage
    var firedobj=ns6? e.target : event.srcElement
    var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
    while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
        firedobj=ns6? firedobj.parentNode : firedobj.parentElement
    }

    if (firedobj.id=="dragbar"){
        offsetx=ie4? event.clientX : e.clientX
        offsety=ie4? event.clientY : e.clientY

        tempx=parseInt(crossobj.style.left)
        tempy=parseInt(crossobj.style.top)

        dragapproved=true
        document.onmousemove=drag_drop
    }
}

function genImage(s){

    loadAreaObj = ns6 ? document.getElementById("loadarea") : document.all.loadarea
    if (ie4||ns6){
        //loadAreaObj.innerHTML="<center>Loading image...</center>"
        loadAreaObj.innerHTML="<img src='" + s + "' />"
    }
    else if (ns4){
//        with(document.loadarea) {
//			        open()
//			        write("<img src='" + s + "' />")
//			        close()
//		        }
        //document.dynamic1.document.dynamic2.document.write('<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>')
        //document.dynamic1.document.dynamic2.document.close()
    }
    else
        alert('You need NS 4+ or IE 4+ to view the images!')

}

function doPopup(e,m1,sCode,title,price){
    
    crossobj =ns6? document.getElementById("showimage") : document.all.showimage
    imgObj =ns6? document.getElementById("imgList") : document.all.imgList
    infoObj = ns6 ? document.getElementById("shopInfo") : document.all.shopInfo
    
    var firedobj=ns6? e.target : event.srcElement
    var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
    
    var mouseX,mouseY
    mouseX = ns4 ? e.pageX : event.x ;
    mouseY = ns4 ? e.pageY : event.y ;
    
//    offsetx=ie4? event.clientX : e.clientX
//    offsety=ie4? event.clientY : e.clientY

    //add shopInfo.
//    var infoCon = "<table CELLPADDING='0' CELLSPACING='0'><TR><TD class='whiteText'>Code</TD><TD class='whiteText'>: " + sCode + "</TD></TR>"
//	infoCon += "<TR><TD class='whiteText'>Price</TD><TD class='whiteText'>: " + price + "</TD></TR>"
//	infoCon += "<TR><TD class='whiteText'>Description</TD><TD class='whiteText'>: " + title + "</TD></TR></table>"
//    if(ns4) {
//        with(document.infoObj) {
//	        open()
//	        write(infoCon)
//	        close()
//        }
//    }
//    else infoObj.innerHTML=infoCon
	    
    var imgTag = ""
    for(var i = 0 ; i < m1.length ; i++ )
    {
        //imgTag += "<img onclick='generateimage("+ m1[i]+ ");' width='50px' src="+m1[i]+" />"
        //imgTag += '<img onmouseover="genImage("' + m1[i]+ '") src="' + m1[i] + '" />'
        imgTag += "<img onmouseover=genImage('" + m1[i]+ "') width='50px' src='" + m1[i] + "' />&nbsp;"
    }
//	var loadarea = "<DIV id='loadarea' ></DIV>"
//    var txt="<TABLE border='2px' BGCOLOR='white' CELLPADDING='5' CELLSPACING='0' ><TR><TD></TD></TR><TR><TD>"+imgTag+"</TD></TR><TR><TD>"+loadarea+"</TD></TR></TABLE>"
    var txt="<TABLE width='100%' BGCOLOR='white' CELLPADDING='5' CELLSPACING='0' ><TR><TD>"+imgTag+"</TD></TR></TABLE>"

    if( doswitch == 0 ) {
	    if(ns4) {
		    with(document.imgObj) {
			    open()
			    write(txt)
			    close()
		    }
	    }
	    else imgObj.innerHTML=txt
	    
	    genImage(m1[0]);
        show(mouseX,mouseY);
        doswitch = 1;
    }
}


////drag drop functions end here//////

function hidebox(){
    crossobj = ns6 ? document.getElementById("showimage") : document.all.showimage
    if (ie4||ns6)
        crossobj.style.visibility="hidden"
    else if (ns4)
        document.showimage.visibility="hide"
    
    doswitch = 0;
}

function show(mx,my){
    
    var X,Y,tH,tw,wiw,wih
    var divR, divB, offWidth, offHeight
    
    crossobj = ns6 ? document.getElementById("showimage") : document.all.showimage
    
    if(!ns && !ie && !w3) return;
	  if(ie)		adDiv=eval('document.all.showimage.style');
	  else if(ns)	adDiv=eval('document.layers["showimage"]');
	  else if(w3)	adDiv=eval('document.getElementById("showimage").style');
	  
    var scroll_top=(ie)? document.documentElement.scrollTop : window.pageYOffset
    var scroll_left=(ie)? document.documentElement.scrollLeft : window.pageXOffset
    var docwidth=(ie)? document.documentElement.clientWidth : window.innerWidth-this.scrollbarwidth
    var docheight=(ie)? document.documentElement.clientHeight: window.innerHeight
    var objwidth = crossobj.offsetWidth //width of div element
    var objheight = crossobj.offsetHeight //height of div element
    var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+10+"px" //Vertical position of div element: Either centered, or if element height larger than viewpoint height, 10px from top of viewpoint
    
    crossobj.style.left=docwidth/2-objwidth/2+"px" //Center div element horizontally
    //crossobj.style.top=Math.floor(parseInt(topposition))+"px"
    
    crossobj.style.top= (scroll_top + docheight/2-objwidth/2)  +"px"
    //crossobj.style.visibility="visible"

   
//    X=mx+10; 
//    Y=my+10;
//    
//    wiw = ns6 ? parseInt(eval("window.innerWidth + window.pageXOffset")) : parseInt(eval("document.documentElement.clientWidth + document.documentElement.scrollLeft")); 
//    wih = ns6 ? parseInt(eval("window.innerHeight + window.pageYOffset")) : parseInt(eval("document.documentElement.clientHeight + document.documentElement.scrollTop"));
//    tH = ns6 ? parseInt( crossobj.clip.height + 3 ) : parseInt( crossobj.offsetHeight + 3 );
//    
//    divB = document.documentElement.clientHeight - (Y + crossobj.clientHeight);
//    Y = divB < 0 ? Y + document.documentElement.scrollTop + divB : Y + document.documentElement.scrollTop;
//    
//    divR = document.documentElement.clientWidth - (X + crossobj.clientWidth);
//    if(divR < 0) X = X - crossobj.clientWidth;
//    
//    X = wiw/2 - crossobj.clientWidth/2;
//    //Y = wih/2 - crossobj.clientHeight/2;
//    
//    crossobj.style.left = X +"px"
//    crossobj.style.top = Y + "px"
    
//    if (ie4||ns6)
//        crossobj.style.visibility="visible"
//    else //if (ns4)
//        document.showimage.visibility="show"
        
    if (ie||w3)
      crossobj.style.visibility="visible"
    else if (ns)
      document.showimage.visibility="show"
}