<!-- 
/*
 Pleas leave this notice.
 DHTML tip message version 1.2 copyright Essam Gamal 2003 (http://migoicons.tripod.com, migoicons@hotmail.com)
 All modifications are done in the style.js you should not modify this file.  Created on : 06/03/2003
 Script featured on and can be found at Dynamic Drive (http://www.dynamicdrive.com)
*/ 

/* cat icon var */
var photos=new Array()
//define Category images .
photos[0]="img/caticon/c3.jpg"
photos[1]="img/caticon/c4.jpg"
photos[2]="img/caticon/c5.jpg"
photos[3]="img/caticon/c6.jpg"
photos[4]="img/caticon/c7.jpg"
photos[5]="img/caticon/c8.jpg"
photos[6]="img/caticon/c9.jpg"
photos[7]="img/caticon/c10.jpg"
photos[8]="img/caticon/c11.jpg"
photos[9]="img/caticon/c12.jpg"
photos[10]="img/caticon/c13.jpg"

var ua = navigator.userAgent
var ps = navigator.productSub 
var dom = (document.getElementById)? 1:0
var ie4 = (document.all&&!dom)? 1:0
var ie5 = (document.all&&dom)? 1:0
var nn4 =(navigator.appName.toLowerCase() == "netscape" && parseInt(navigator.appVersion) == 4)
var nn6 = (dom&&!ie5)? 1:0
var sNav = (nn4||nn6||ie4||ie5)? 1:0
var cssFilters = ((ua.indexOf("MSIE 5.5")>=0||ua.indexOf("MSIE 6")>=0)&&ua.indexOf("Opera")<0)? 1:0
var Style=[],Text=[],Count=0,sbw=0,move=0,hs="",mx,my,scl,sct,ww,wh,obj,sl,st,ih,iw,vl,hl,sv,evlh,evlw,tbody
var HideTip = "eval(obj+sv+hl+';'+obj+sl+'=0;'+obj+st+'=-800')"

var doc_root = ((ie5&&ua.indexOf("Opera")<0||ie4)&&document.compatMode=="CSS1Compat")? "document.documentElement":"document.body"
var PX = (nn6)? "px" :"" 

if(sNav) {
	window.onresize = ReloadTip
	document.onmousemove = MoveTip
	if(nn4) document.captureEvents(Event.MOUSEMOVE) 
}	
if(nn4||nn6) {
	mx = "e.pageX"
	my = "e.pageY"
	scl = "window.pageXOffset"
	sct = "window.pageYOffset"	
	if(nn4) {
		obj = "document.TipLayer."
		objPopimg = "document.popimg."
		sl = "left"
		st = "top"
		ih = "clip.height"
		iw = "clip.width"
		vl = "'show'"
		hl = "'hide'"
		sv = "visibility="
	}
	else {
	obj = "document.getElementById('TipLayer')."
	}
} 
if(ie4||ie5) {
	obj = "TipLayer."
	objPopimg = "popimg."
	mx = "event.x"
	my = "event.y"
	scl = "eval(doc_root).scrollLeft"
	sct = "eval(doc_root).scrollTop"
	if(ie5) {
		mx = mx+"+"+scl 
		my = my+"+"+sct
	}
}
if(ie4||dom){
	sl = "style.left"
	st = "style.top"
	ih = "offsetHeight"
	iw = "offsetWidth"
	vl = "'visible'"
	hl = "'hidden'"
	sv = "style.visibility="
}
if(ie4||ie5||ps>=20020823) {
	ww = "eval(doc_root).clientWidth"
	wh = "eval(doc_root).clientHeight"
}	 
else { 
	ww = "window.innerWidth"
	wh = "window.innerHeight"
	evlh = eval(wh)
	evlw = eval(ww)
	sbw=15
}	

function applyCssFilter(){
	if(cssFilters&&FiltersEnabled) { 
		var dx = " progid:DXImageTransform.Microsoft."
		TipLayer.style.filter = "revealTrans()"+dx+"Fade(Overlap=1.00 enabled=0)"+dx+"Inset(enabled=0)"+dx+"Iris(irisstyle=PLUS,motion=in enabled=0)"+dx+"Iris(irisstyle=PLUS,motion=out enabled=0)"+dx+"Iris(irisstyle=DIAMOND,motion=in enabled=0)"+dx+"Iris(irisstyle=DIAMOND,motion=out enabled=0)"+dx+"Iris(irisstyle=CROSS,motion=in enabled=0)"+dx+"Iris(irisstyle=CROSS,motion=out enabled=0)"+dx+"Iris(irisstyle=STAR,motion=in enabled=0)"+dx+"Iris(irisstyle=STAR,motion=out enabled=0)"+dx+"RadialWipe(wipestyle=CLOCK enabled=0)"+dx+"RadialWipe(wipestyle=WEDGE enabled=0)"+dx+"RadialWipe(wipestyle=RADIAL enabled=0)"+dx+"Pixelate(MaxSquare=35,enabled=0)"+dx+"Slide(slidestyle=HIDE,Bands=25 enabled=0)"+dx+"Slide(slidestyle=PUSH,Bands=25 enabled=0)"+dx+"Slide(slidestyle=SWAP,Bands=25 enabled=0)"+dx+"Spiral(GridSizeX=16,GridSizeY=16 enabled=0)"+dx+"Stretch(stretchstyle=HIDE enabled=0)"+dx+"Stretch(stretchstyle=PUSH enabled=0)"+dx+"Stretch(stretchstyle=SPIN enabled=0)"+dx+"Wheel(spokes=16 enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=0,motion=forward enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=0,motion=reverse enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=1,motion=forward enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=1,motion=reverse enabled=0)"+dx+"Zigzag(GridSizeX=8,GridSizeY=8 enabled=0)"+dx+"Alpha(enabled=0)"+dx+"Dropshadow(OffX=3,OffY=3,Positive=true,enabled=0)"+dx+"Shadow(strength=3,direction=135,enabled=0)"
	}
}


function MoveTip(e) {
    // popup is show up.
	if(move) {
		var X,Y,MouseX = eval(mx),MouseY = eval(my); 
		
		tbody.Height = parseInt(eval(obj+ih)+3)
		tbody.wiw = parseInt(eval(ww+"+"+scl)); tbody.wih = parseInt(eval(wh+"+"+sct))
		
		switch(tbody.Pos) {
			case "left" : X=MouseX-tbody.Width-tbody.Xpos; Y=MouseY+tbody.Ypos; break
			case "center": X=MouseX-(tbody.Width/2); Y=MouseY+tbody.Ypos; break
			case "float": X=tbody.Xpos+eval(scl); Y=tbody.Ypos+eval(sct); break	
			case "fixed": X=tbody.Xpos; Y=tbody.Ypos; break		
			default: X=MouseX+tbody.Xpos; Y=MouseY+tbody.Ypos
		}

		if(tbody.wiw<tbody.Width+X) X = tbody.wiw-tbody.Width
		if(tbody.wih<tbody.Height+Y+sbw) {
			if(tbody.Pos=="float"||tbody.Pos=="fixed") Y = tbody.wih-tbody.Height-sbw
			else Y = MouseY-tbody.Height
		}
		if(X<0) X=0 
		eval(obj+sl+"=X+PX;"+obj+st+"=Y+PX")
		ViewTip()
	}
}

function ViewTip() {
  	Count++
	if(Count == 1) {
//		if(cssFilters&&FiltersEnabled) {	
//			for(Index=28; Index<31; Index++) { TipLayer.filters[Index].enabled = 0 }
//			for(s=0; s<28; s++) { if(TipLayer.filters[s].status == 2) TipLayer.filters[s].stop() }
//			if(tbody.Transition == 51) tbody.Transition = parseInt(Math.random()*50)
//			var applyTrans = (tbody.Transition>-1&&tbody.Transition<24&&tbody.Duration>0)? 1:0
//			var advFilters = (tbody.Transition>23&&tbody.Transition<51&&tbody.Duration>0)? 1:0
//			var which = (applyTrans)?0:(advFilters)? tbody.Transition-23:0 
//			if(tbody.Alpha>0&&tbody.Alpha<100) {
//	  			TipLayer.filters[28].enabled = 1
//	  			TipLayer.filters[28].opacity = tbody.Alpha
//			}
//			if(tbody.ShadowColor&&tbody.ShadowType == "simple") {
//	  			TipLayer.filters[29].enabled = 1
//	  			TipLayer.filters[29].color = tbody.ShadowColor
//			}
//			else if(tbody.ShadowColor&&tbody.ShadowType == "complex") {
//	  			TipLayer.filters[30].enabled = 1
//	  			TipLayer.filters[30].color = tbody.ShadowColor
//			}
//			if(applyTrans||advFilters) {
//				eval(obj+sv+hl)
//	  			if(applyTrans) TipLayer.filters[0].transition = tbody.Transition
//	  			TipLayer.filters[which].duration = tbody.Duration 
//	  			TipLayer.filters[which].apply()
//			}
//		}
 		eval(obj+sv+vl)
		if(cssFilters&&FiltersEnabled&&(applyTrans||advFilters)) TipLayer.filters[which].play()
		if(hs == "sticky") move=0
  	}
}

function stickyhide() {
	eval(HideTip)
}

function ReloadTip() {
	 if(nn4&&(evlw!=eval(ww)||evlh!=eval(wh))) location.reload()
	 else if(hs == "sticky") { 
	    eval(HideTip)
	 }
}

function htm() {
	if(sNav) {
		if(hs!="keep") {
			move=0; 
			if(hs!="sticky") {
			    eval(HideTip)
			    }
		}	
	} 
}


function stm3(posDis,sCode,sName) {

    if(sNav) {
  	        var innerA="<TABLE CELLPADDING='0' CELLSPACING='0'>"
  	        innerA += "<tr><td width=10px height=10px background='img/tl.png'></td><td background='img/b.png'></td><td width=10px height=10px background='img/tr.png'></td></tr>"
  	        innerA += "<tr><td width=10px height=10px background='img/b.png'></td><TD background='img/b.png'>"
            
            var blockCode = 0;
            blockCode = sCode.charAt(0) != sCode.charAt(1) ? Number(sCode.substring(1,sCode.length)) : Number(sCode.substring(2,sCode.length)) + 100;
            
  	        var cStr = gcatlist[blockCode];
            var catList,imgTag = "";
            
  	        if( cStr != null ) { 
  	            catList = cStr.split(",");
  	            for(i=0;i<catList.length;i++){
  	            imgTag += genImgCateTag(catList[i]);
  	            } 
  	        }
  	        
  	        var content = "<TABLE width='250px'>";
  	        content += "<TR><TD>Shop Name</TD><TD>:</TD><TD>"+ sName+"</TD></TR>";
  	        content += "<TR><TD>Location</TD><TD>:</TD><TD>"+ sCode+"</TD></TR>";
  	        content += "<TR><TD>Product</TD><TD>:</TD><TD valign='middle'>"+ imgTag + "</TD></TR>";
  	        //content += "<TR><TD>Shop Owner</TD><TD>:</TD><TD><img src='img/rhino_icon_bw.gif' /><img src='img/rhino_icon_bw.gif' /><img src='img/rhino_icon_bw.gif' /><img src='img/rhino_icon_bw.gif' /><img src='img/rhino_icon_bw.gif' /></TD></TR>";
  	        content += "</TABLE>";
  	        
            var innerB = ""
  	        innerB += "</TD><td background='img/b.png'></td></TR>"
  	        innerB += "<tr><td width=10px height=10px background='img/bl.png'></td><td background='img/b.png'></td><td width=10px height=10px background='img/br.png'></td></tr>"
            innerB += "</TABLE>"
            
            if(nn4) {
                with(eval(obj+"document")) {
                open()
                write(innerA + content + innerB)
                close()
                }
            }
            else eval(obj+"innerHTML=innerA + content + innerB")
            
            tbody = {
                Pos:posDis, 
                Xpos:10,
                Ypos:0, 
                Transition:50,
                Duration:1, 
                Alpha:10,
                ShadowType:"complex",
                ShadowColor:"gray",
                Width:parseInt(eval(obj+iw)+3+sbw)
            }
            if(ie4) { 
                TipLayer.style.width = 300
                tbody.Width = 300
            }
            Count=0	
            move=1

  	
  	} //-->if(sNav)
}

function chpopup(posDis,sCode,sName) {

    if(sNav) {
  	        var innerA="<TABLE CELLPADDING='0' CELLSPACING='0'>"
  	        innerA += "<tr><td width=10px height=10px background='img/tl.png'></td><td background='img/b.png'></td><td width=10px height=10px background='img/tr.png'></td></tr>"
  	        innerA += "<tr><td width=10px height=10px background='img/b.png'></td><TD background='img/b.png'>"
            
            var content = "<TABLE width='250px'>";
  	        content += "<TR><TD>ชื่อโรงเรียน</TD><TD>:</TD><TD>"+ sName+"</TD></TR>";
  	        content += "<TR><TD>ยอดขายสะสม</TD><TD>:</TD><TD>"+ sCode+"</TD></TR>";
  	        content += "</TABLE>";
  	        
            var innerB = ""
  	        innerB += "</TD><td background='img/b.png'></td></TR>"
  	        innerB += "<tr><td width=10px height=10px background='img/bl.png'></td><td background='img/b.png'></td><td width=10px height=10px background='img/br.png'></td></tr>"
            innerB += "</TABLE>"
            
            if(nn4) {
                with(eval(obj+"document")) {
                open()
                write(innerA + content + innerB)
                close()
                }
            }
            else eval(obj+"innerHTML=innerA + content + innerB")
            
            tbody = {
                Pos:posDis, 
                Xpos:10,
                Ypos:0, 
                Transition:50,
                Duration:1, 
                Alpha:10,
                ShadowType:"complex",
                ShadowColor:"gray",
                Width:parseInt(eval(obj+iw)+3+sbw)
            }
            if(ie4) { 
                TipLayer.style.width = 300
                tbody.Width = 300
            }
            Count=0	
            move=1

  	
  	} //-->if(sNav)
}

function openShop(code,lvs){
    //window.open("http://localhost/CheezePlaza/shop.aspx?shop=" + code,"_self","");
    window.open("shop.aspx?shop=" + code + "&lvs=" + lvs,"_self","");
}

function openCharityShop(code){
  window.open("CharityShop.aspx?shop=" + code,"_self","");
}

function genImgCateTag(imgIndex){
    //return "<img src='img/caticon/c" + imgIndex + ".gif' />"
    return "<img src=" + photos[imgIndex-3] + " />"
}

//-->