var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

var sbs_timer = 5000;
var sbs_total = 0;
var sbs_max = 5;

var page_total = 0;
var page_curr = 0;

var s_type = new Array();
var s_src = new Array();
var s_url =new Array();
sbs_interval = setInterval ( "swapBannerSlide()", sbs_timer );


$(document).ready(function(){ 
	$(document).pngFix(); 
	$('#jsddm > li').bind('mouseover', jsddm_open)
	$('#jsddm > li').bind('mouseout',  jsddm_timer)
	getXML();
}); 

//menu
function jsddm_open()
{  
	jsddm_canceltimer();
  jsddm_close();
  ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}
function jsddm_close()
{  
	if(ddmenuitem) 
		ddmenuitem.css('visibility', 'hidden');
}
function jsddm_timer()
{  
	closetimer = window.setTimeout(jsddm_close, timeout);
}
function jsddm_canceltimer()
{  
	if(closetimer)
  {  window.clearTimeout(closetimer);
      closetimer = null;
	}
}
document.onclick = jsddm_close;

//banner
function getXML(){
	$.ajax({ 
	 	url: 'xml/banner_xml.php',
	 	type: 'GET', 
		cache: false,
	 	dataType: 'xml',
		success: function(xml){
			$(xml).find("slide").each(function(i){ 				
				s_type[i]=$(this).children("type").text();		
				s_src[i]=$(this).children("src").text();		
				s_url[i]=$(this).children("url").text();	
				sbs_total++;
			});
			if(sbs_total > sbs_max) sbs_total = sbs_max;
			page_total = Math.ceil(sbs_total/3);
			genSbb(sbs_total);
			swapBannerSlide();
			$(document).pngFix(); 
		}
	});
}
function genSbb(i){
	$('#sidebtn_container').empty();
	if(i>sbs_max) i=sbs_max;
	for(j=1; j<=i; j++){
		if(s_type[j-1]==2){
			$('<div id="sb_'+j+'" class="mdl pter" onclick="swapBannerSlide('+j+');" onmouseover="sltBnr('+j+');" >'+j+'</div>').appendTo('#sidebtn_container');
		}
		else{
		$('<div id="sb_'+j+'" class="mdl pter" onclick="swapBannerSlide('+j+');" onmouseover="sltBnr('+j+');" onmouseout="desltBnr();">'+j+'</div>').appendTo('#sidebtn_container');
		}
	}
	
}
function swapBannerSlide(i){
	cb = $('#ctrl_banner').val()
	$('#sb_'+cb).removeClass('mdl_slt');
	if(i) cb = i; else cb++;
	if(cb > sbs_total) cb = 1;
	$('#sb_'+cb).addClass('mdl_slt');
	
	//image
	if(s_type[cb-1]==1){
		if(s_url[cb-1])
		$('#banner_kv').html('<a href="'+s_url[cb-1]+'" target="_blank"><img class="pter" src="'+s_src[cb-1]+'" border="0" onmouseover="clrIn();" onmouseout="desltBnr();"/></a>');
		else
			$('#banner_kv').html('<img class="pter" src="'+s_src[cb-1]+'" border="0" onmouseover="clrIn();" onmouseout="desltBnr();"/>');
	}
	//flash
	else if(s_type[cb-1]==2){
		$('#banner_kv').html('').flash({
				src: s_src[cb-1],
				width: 834,
				height: 181,
				wmode: 'transparent'
		});
	}

	$('#ctrl_banner').val(cb);
	
	$(document).pngFix(); 
}
function sltBnr(i){
	swapBannerSlide(i);
	clearInterval (sbs_interval);
}
function clrIn(){
	clearInterval (sbs_interval);
}
function desltBnr(i){
	sbs_interval = setInterval ("swapBannerSlide()", sbs_timer);
}
function flashDesltBnr(){
	swapBannerSlide()
	sbs_interval = setInterval ("swapBannerSlide()", sbs_timer);
}
