/* JavaScript Document
###################################################################
# Banner Rotate Version 1
# Create by : TheBusTeD
# Create Date : 23 April 2010
# E-Mail : tksumeth@gmail.com
# Web Site : http://www.baanrow.com
# Software Site : http://myoption.baanrow.com/banner_slide
###################################################################
/* Banner Slide */
var first_time = true;
var num_item = 1;
var timer;

var amout_img;
var _delay = 5000;
var _target;
var _width;
var _height;
var _now_position;

function slideBanner(target, target_control, delay){
	_target = target;
	
	if(delay != '')
		_delay = delay;
	
	// Find Width & Height
	_width = 700;
	_height = 180;
	
	// Clone First and Last
	// Add Last
	$(_target +' ul').children().last().after($(_target +' ul').children().first().clone());
	
	// Amount Img
	amout_img = $(_target +' ul').children().length;
	
	$(_target +' ul').children().last().children().children().attr('id', 'img_'+ amout_img);
			
	/* Make navig link */
	var link_tag = '';
	for(i = 1; i <= (amout_img - 1); i++) {
		if(i == 1)
			link_tag += '<a href="javascript: void(0)" class="current" id="position_'+ i +'">'+ i +'</a>';
		else
			link_tag += '<a href="javascript: void(0)" id="position_'+ i +'">'+ i +'</a>';
	}
	
	/* Set Layout */
	link_tag += '<span class="picture_desc">'+ $('#img_1').attr('name') +'</span>';
	$(target_control).html(link_tag);
	$(target_control).fadeIn(1000);
	
	// Set Target
	var slide_w = _width * amout_img;
	$(_target).css({
		width    : _width +'px',
		height   : _height +'px',
		overflow : 'hidden'
	});
	$(_target +' ul').css({
		width      : slide_w +'px',
		marginLeft : '0px'
	});
	
	rotate(1);
}

function rotate(num){
	changePosition(num);
	
	num_item++;
	
	if(num_item > amout_img)
		num_item = 1;
	
	timer = setTimeout("rotate("+ num_item +")", _delay);
}

function changePosition(change2){
	var num = change2;
	var postion2go = (num - 1) * _width;
	
	var target_img = $('#img_'+ num);
	var desc_img = target_img.attr('name');
	
	$('.slide-banner-navig a').removeClass('current');
	$('#position_'+ num).addClass('current');
	
	$(_target +' ul').animate({
		marginLeft: -postion2go +'px'
	}, 500, function(){
		$('.picture_desc').text(desc_img);
		
		if(change2 == amout_img) {
			$(_target +' ul').css('margin-left', '0px');
			clearTimeout(timer);
			rotate(1);
		}
	});
}