<?xml version="1.0" encoding="UTF-8" ?>
<Module>
	<ModulePrefs title="엠군 인기포토뷰" 
				 title_url="http://photo.mgoon.com/" 
				 author="sunny"
				 author_location="seoul, KR" 
				 author_email="sunny@mgoonmedia.com" 
				 screenshot="http://photo.mgoon.com/images/google_gadget.png" 
				 thumbnail="http://photo.mgoon.com/images/google_gadget_thumbnail.png"
				 height="200">
	</ModulePrefs> 
	<Content type="html"><![CDATA[ 
		<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
			<tr>
				<td height="28" colspan=2><div id="div_ttl" class="div_title">&nbsp;<div></td>
			</tr>
			<tr>
				<td width="210" height="160" align=center><div id="div_img" class="div_image">&nbsp;</div></td>
				<td valign=top ><div id="div_txt" class="div_text">&nbsp;</div></td>
			</tr>
		</table>
		
		<style>
		.div_title {
			font-size:11px;font-weight:bold;color:#ea6eff;
		}
		
		.div_image{
		    position:absolute;
		    overflow:hidden;
			left:0px;
			top:25px;
			width:206px;
			height:156px;
		    z-index:1;
		    border:solid 3px #cdcdcd;
		    filter:
		    progid:DXImageTransform.Microsoft.Barn(orientation=vertical, motion=out, duration=0.50)
		    progid:DXImageTransform.Microsoft.Blinds(bands=12, direction='DOWN', duration=0.50)
		    progid:DXImageTransform.Microsoft.Checkerboard(squaresX=12, squaresY=8, direction='up', duration=0.50) 
		    progid:DXImageTransform.Microsoft.RandomDissolve(, duration=0.50) 
		    progid:DXImageTransform.Microsoft.Fade(duration=0.50)
		    progid:DXImageTransform.Microsoft.Inset(duration=0.50)
		    progid:DXImageTransform.Microsoft.Iris(irisStyle='PLUS', motion='out', duration=0.50) 
		    progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=20, duration=0.50, Enabled=false)
		    progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle='clock', duration=0.50)
		    progid:DXImageTransform.Microsoft.Slide(slideStyle='SWAP', bands=1, duration=0.50)
		    progid:DXImageTransform.Microsoft.Spiral(GridSizeX=16, GridSizeY=16, duration=0.50)
		    progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push', duration=0.50)
		    progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='reverse', duration=0.50)
		    progid:DXImageTransform.Microsoft.Wheel(spokes=20, duration=0.50);    
		}

		.div_text{
			position:absolute;
		    border:solid 2px #6699ff;
			left:210px;
			top:25px;
			width:140px;
			height:156px;
		    z-index:1;
		    font-size:9px;
		    overflow:hidden;
		    filter:
		    progid:DXImageTransform.Microsoft.Barn(orientation=vertical, motion=out, duration=0.50)
		    progid:DXImageTransform.Microsoft.Blinds(bands=12, direction='DOWN', duration=0.50)
		    progid:DXImageTransform.Microsoft.Checkerboard(squaresX=12, squaresY=8, direction='up', duration=0.50) 
		    progid:DXImageTransform.Microsoft.RandomDissolve(, duration=0.50) 
		    progid:DXImageTransform.Microsoft.Fade(duration=0.50)
		    progid:DXImageTransform.Microsoft.Inset(duration=0.50)
		    progid:DXImageTransform.Microsoft.Iris(irisStyle='PLUS', motion='out', duration=0.50) 
		    progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=20, duration=0.50, Enabled=false)
		    progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle='clock', duration=0.50)
		    progid:DXImageTransform.Microsoft.Slide(slideStyle='SWAP', bands=1, duration=0.50)
		    progid:DXImageTransform.Microsoft.Spiral(GridSizeX=16, GridSizeY=16, duration=0.50)
		    progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push', duration=0.50)
		    progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='reverse', duration=0.50)
		    progid:DXImageTransform.Microsoft.Wheel(spokes=20, duration=0.50);    
		}
	
		a{
		    cursor:hand;
			border:0;
			text-decoration:none;
			color:#007FFF;
		}
			
		</style>
		
		<script type="text/javascript">
			//var url = "http://123.212.193.79/flex/gadget.htm"; 
			var url = "http://photo.mgoon.com/flex/gadget.htm";
			//var url = "http://222.239.226.79/flex/gadget.xml";
			var prefs = new _IG_Prefs(__MODULE_ID__);
			var slides = new Array;
			var curSlideNo = 0

			var tid;
			var kid;
			
  			function main() {
  				
  				loadData();
  				//kid = setInterval(loadData, 5000);
  				kid = setInterval(loadData, 360000);
  			}
  			
  			function loadData(){
    			
    			    			
       			_IG_FetchXmlContent(url, function (response) {
       			
           			if (response == null || typeof(response) != "object" || response.firstChild == null) {
              			_gel("div_ttl").innerHTML = "<i>Invalid data.</i>";
              			return;
           			}
           			
           			
           			var items = response.getElementsByTagName("photo");			
           			
           			//alert();
           			_gel("div_ttl").innerHTML = items.length + "건의 컨텐츠 조회됨."
           			for (var i = 0; i < items.length ; i++) {
           				var item = items.item(i);
           				
           				var pid = item.getAttribute("pid");
           					
           			 	var title = "";
           			 	var thumbnail = "";
           			 	var description = ""; 
           				var opanA = "<a href='http://photo.mgoon.com/view/photo.htm?pt_id=" + pid + "&refcls=google_gadget' target=\"_blank\">";
						var closA = "</a>";
						
           				var nodeList = items[i].childNodes;
           				
			            for (var j = 0; j < nodeList.length ; j++) {
			                var node = nodeList.item(j);
			                if (node.nodeName == "thumbnail") image = node.firstChild.nodeValue;
			                if (node.nodeName == "title") title = node.firstChild.nodeValue; 
			                if (node.nodeName == "description") description = node.firstChild.nodeValue; 
			             }
			             
			             var imgtag = "<img src=\"" + image + "\" width=\"200\" height=\"150\" border=0/>";

						 var imgHtml = opanA + imgtag + closA;
						 var txtHtml = "";
						 if(title.length > 30){
						  	txtHtml = opanA + title.substring(0 ,30) + "..."+ closA;
						 }else{
						  	txtHtml = opanA + title + closA;
						 }
						
			             slides[slides.length] = new Array(imgHtml, txtHtml, description);
           			}
        			startSlide();
    			}); 
  			}
  			
  			function startSlide(){
  				if(slides.length > 0){
  					view();
					tid = setInterval(view, 5000);
				}else{
					clearInterval(tid);
				}
			}
		
			function view(){
		    	var filterNo = 8;
		    	
				var imgComp = _gel('div_img');
				var ttlComp = _gel('div_ttl');
				var txtComp = _gel('div_txt');
				
				if(curSlideNo==slides.length) curSlideNo = 0;
		
				var sld = slides[curSlideNo];

				imgComp.filters[filterNo].apply();
				txtComp.filters[7].apply();
								
		        imgComp.innerHTML = sld[0];
		        ttlComp.innerHTML = sld[1];
				txtComp.innerHTML = sld[2];
				
				txtComp.filters[7].play();
				imgComp.filters[filterNo].play();

				
				curSlideNo++;
			}
			_IG_RegisterOnloadHandler(main);
  		</script>
	]]></Content>
</Module>