var intervalId;
var curBnr=0;
var pre_img_obj=new Array();

pre_img_obj[0] = document.createElement('img');
pre_img_obj[0].src = 'images/js_gallery_bg1.png';

pre_img_obj[1] = document.createElement('img');
pre_img_obj[1].src = 'images/js_gallery_bg2.png';

pre_img_obj[2] = document.createElement('img');
pre_img_obj[2].src = 'images/js_gallery_bg3.png';

pre_img_obj[3] = document.createElement('img');
pre_img_obj[3].src = 'images/js_gallery_bg4.png';

pre_img_obj[4] = document.createElement('img');
pre_img_obj[4].src = 'images/js_gallery1_h2.png';

pre_img_obj[5] = document.createElement('img');
pre_img_obj[5].src = 'images/js_gallery2_h2.png';

pre_img_obj[6] = document.createElement('img');
pre_img_obj[6].src = 'images/js_gallery3_h2.png';

pre_img_obj[7] = document.createElement('img');
pre_img_obj[7].src = 'images/js_gallery4_h2.png';


$(document).ready(function() {
	initFunc();
	$('.js_gallery dd').css('display','none').eq(0).css('display','block');
	playBnr();
});


function initFunc(){
	//all buttons hover
	$('.lft_nav h4').hover(
		function(){
			if (!($(this.parentNode).hasClass('selected') || $(this.parentNode).hasClass('subOpen')))
				$(this).css('background-position','left bottom');
		},
		function(){
			if (!($(this.parentNode).hasClass('selected') || $(this.parentNode).hasClass('subOpen')))
				$(this).css('background-position','left top');
		}
	);
	if($.browser.msie && $.browser.version <=6){
		$('.slide_box a').hover(
			function(){
				if(!($(this).hasClass('slct')))
					$(this).css('background-position','center bottom');
			},
			function(){
				if(!($(this).hasClass('slct')))
					$(this).css('background-position','');
			}
		);
	}
	
	$('.lft_nav h4').click(
		function() {
			if(!($(this.parentNode).hasClass('selected') || $(this.parentNode).hasClass('subOpen'))){
				$('.lft_nav h4').parent().removeClass('selected');
				$('.lft_nav li').not(".lft_nav li.subOpen").find("h4").css('background-position','left top');
				$('.lft_nav li').not(".lft_nav li.subOpen").find("h4").next('ul').slideUp();
				
				if($(this.parentNode).find("li").length > 0){
					$(this.parentNode).addClass('selected');
					$(this).css('background-position','left center');
					$(this).next('ul').slideDown();
				}
			}
			else {
				$('.lft_nav li').not(".lft_nav li.subOpen").find("h4").css('background-position','left top');
				$('.lft_nav li').not(".lft_nav li.subOpen").find("h4").parent("li").removeClass('selected');
				$('.lft_nav li').not(".lft_nav li.subOpen").find("h4").next('ul').slideUp();
			}
		}
	);
	
	$('.slide_box a').click(
		function(){
			var index = $('.slide_box a').index(this);
			if(curBnr!=index){
				curBnr=index;
				pauseBnr();
				changeBnr(index);
				playBnr();
			}
		}
	);
	
}
	
function pauseBnr(){clearInterval(intervalId)}
function playBnr(){intervalId=setInterval('startBnrPlay()',8000)}

function startBnrPlay(){
	var allButns=$('.slide_box a');
	if(curBnr==(allButns.length-1))
		curBnr=0;
	else
		curBnr++;
	changeBnr(curBnr);
}

function changeBnr(index){
	$('.slide_box a').removeClass('slct').eq(index).addClass('slct');
	if($.browser.msie && $.browser.version <=8){
		if($.browser.version <=6)
			$('.slide_box a').css('background-position','').eq(index).css('background-position','center bottom');
		$('.js_gallery dd').hide().eq(index).show();
	}
	else
		$('.js_gallery dd').fadeOut('slow').eq(index).fadeIn('slow');
}