$(document).ready(function(){
//warning: minimum content depth required 3

var CurrentPos = 0;
var SlideWidth = 957;
var DelayDuration = 800;
//var autoDelayDuration = 3000;
//var TimerDuration = 1200;
var autoDelayDuration = 7000;
var TimerDuration = 2000;
var Slide = $('.slide');
var SlidesNum = Slide.length;
var SliderWidth = SlidesNum * SlideWidth;
var SlidesContainer = $('#slides_container');
var First = $('#1');
var Last = $('#'+SlidesNum);
var lb = Last.clone();
var tab1 = $('#creedit');
var tab2 = $('#creedbpo');
var tab3 = $('#creedbusiness');
var currenttab = $('.current-tabs');
var bannertabs = $('.banenr-tabs');



var SlideBlock = $('.slide_block');

Last.clone().prepend('#slider');
Last.clone


var SlideShow = $('#slide_show');
var Slider = $('#slider');


Slider.css({
		   'marginLeft': -SlideWidth+'px'
		   });


function DefSettingPos(){
Last.remove();
SlideBlock.prepend(lb);
}
DefSettingPos();
function LSettingPos(){
	var CurFirst = $('.slide').first();
	CurFirst.clone().appendTo('.slide_block');
	CurFirst.remove();
	Slider.css({
		   'marginLeft': -SlideWidth+'px'
		   }); 
}

function RSettingPos(){
	var CurLast =  $('.slide').last();
	var CurSb = CurLast.clone();
	CurSb.prependTo('.slide_block');
	CurLast.remove();
	Slider.css({
		   'marginLeft': -SlideWidth+'px'
		   });
}

SlidesContainer.css('overflow', 'hidden');
	
	Slide.css({
    'float' : 'left',
    'width' : SlideWidth
  });
	

Slider.css('width', SliderWidth);

//SlideShow.prepend('<span id="left_control">Move left</span>');
//SlideShow.append('<span id="right_control">Move right</span>');

var LeftControl = $('#left_control');
var RightControl = $('#right_control');

function StartSlide(){
j = setInterval(function(){next()}, autoDelayDuration);
}

function next(){
	
Slider.animate({
					marginLeft: -SlideWidth*2
				   					  }, DelayDuration, function() {
    LSettingPos();
  });	
	
}

function prev(){
	
	Slider.animate({
				   marginLeft: 0
									   }, DelayDuration, function() {
    RSettingPos();
  });
	
	
}
function tab1click(){
bannertabs.html('<a class="current-tabs" id="creedit" href="javascript:void(0)">IT-CONSULTANCY</a> <a id="creedbpo" href="javascript:void(0)">BPO &amp; KPO</a> <a id="creedbusiness" href="javascript:void(0)">BUSINESS CONSULTING</a>');
SlideBlock.html('<li style="float: left; width: 957px;" id="mybanner3" class="slide"> <img src="images/banner-business-development.jpg"> </li><li style="float: left; width: 957px;" id="mybanner1" class="slide"> <img src="images/banner-seo.jpg"> </li><li style="float: left; width: 957px;" id="mybanner2" class="slide"> <img src="images/banner-webdesigning.jpg"> </li>');	
}
function tab2click(){
bannertabs.html('<a id="creedit" href="javascript:void(0)">IT-CONSULTANCY</a> <a class="current-tabs" id="creedbpo" href="javascript:void(0)">BPO &amp; KPO</a> <a id="creedbusiness" href="javascript:void(0)">BUSINESS CONSULTING</a>');
SlideBlock.html('<li style="float: left; width: 957px;" id="mybanner6" class="slide"> <img src="images/banner-business-consulting.jpg"> </li><li style="float: left; width: 957px;" id="mybanner4" class="slide"> <img src="images/banner-bpo.jpg"> </li><li style="float: left; width: 957px;" id="mybanner5" class="slide"> <img src="images/banner-kpo.jpg"> </li>');	
}
function tab3click(){
bannertabs.html('<a id="creedit" href="javascript:void(0)">IT-CONSULTANCY</a> <a id="creedbpo" href="javascript:void(0)">BPO &amp; KPO</a> <a class="current-tabs" id="creedbusiness" href="javascript:void(0)">BUSINESS CONSULTING</a>');
SlideBlock.html('<li style="float: left; width: 957px;" id="mybanner9" class="slide"> <img src="images/banner-business-consulting.jpg"> </li><li style="float: left; width: 957px;" id="mybanner7" class="slide"> <img src="images/banner-bpo.jpg"> </li><li style="float: left; width: 957px;" id="mybanner8" class="slide"> <img src="images/banner-kpo.jpg"> </li>');	
}


	LeftControl.bind('click', function() {
									   
	clearInterval(j);
    
	next();
	                                   										   
								  });
	
	
	 
	RightControl.bind('click', function() {
	
	clearInterval(j);
				  prev();
		
	                            });
	
	
	tab1.live('click', function() {
	
	clearInterval(j);
				  tab1click();
				  StartSlide();		
	                            });
	
	tab2.live('click', function() {
	
	clearInterval(j);
				  tab2click();
				  StartSlide();
		
	                            });
	
	tab3.live('click', function() {
	
	clearInterval(j);
				  tab3click();
				  StartSlide();
		
	                            });
	
	
	StartSlide();
	 
								});
