var hotAppsDatasource = [
  {'width': 75, 'height': 75, 'src': "./images/applications_icon/78/pill_master_78.png", 'url': "./applications/pill_master", 'title': "Pill Master"},
  {'width': 75, 'height': 75, 'src': "./images/applications_icon/78/ihexagram_78.png", 'url': "./applications/ihexagram", 'title': "HexaGram"},
  {'width': 75, 'height': 75, 'src': "./images/applications_icon/78/finding_pixy_78.png", 'url': "./applications/finding_pixy", 'title': "Finding Pixy"},
  //{'width': 75, 'height': 75, 'src': "./images/applications_icon/78/plants_defense_78.png", 'url': "./applications/plants_defense", 'title': "Plants Defense"},
  {'width': 75, 'height': 75, 'src': "./images/applications_icon/78/iCS_78.png", 'url': "./applications/ics", 'title': "iCS"}
 ]

function itemLoadCallbackFunction(carousel, state){
  for(var i = carousel.first; i <= carousel.last; i++){
    if(carousel.has(i)) continue;
    if(i > hotAppsDatasource.length) break;
    carousel.add(i, getApp(hotAppsDatasource[i-1]));
  }
}

function myCarouselInitCallback(carousel){
  carousel.buttonNext.click(function(){
    carousel.startAuto(0);
  });
  
  carousel.buttonPrev.click(function(){
    carousel.startAuto(0);
  });
  
  carousel.clip.hover(function(){
    carousel.stopAuto(0);
  }, function(){
    carousel.startAuto(0);
  });
  
}

function getApp(item){
  return '<a href="'+item.url+'"><img src="'+item.src+'" width="'+item.width+'" height="'+item.height+'" alt="'+item.title+'" /></a>';
}

$(document).ready(function(){
  $('#kmHotApps').jcarousel({
    'scroll': 1,
    'auto': 3,
    'wrap': 'last',
    'animation': 'slow',
    'size': hotAppsDatasource.length,
    'itemLoadCallback': {'onBeforeAnimation': itemLoadCallbackFunction},
    'initCallback': myCarouselInitCallback
  });
  
  $('#icon-home').imghover({suffix: '-hovered'});
  $('#icon-apps').imghover({suffix: '-hovered'});
  $('#icon-contacts').imghover({suffix: '-hovered'});
  $('#icon-game').imghover({suffix: '-hovered'});
  $('#icon-tools').imghover({suffix: '-hovered'});
  $('#icon-topscores').imghover({suffix: '-hovered'});
	
});

// big banner

var current_banner = 0;
var max_banner = 4;
var timer;

function jump_banner(index) {
	
	$('div#index-hot-'+current_banner).fadeOut(500, function(){	
		for(i=0;i<max_banner;i++) $('div#index-hot-'+i).fadeOut(0);
		$('div#index-hot-'+index).fadeIn(500);
		current_banner = index;
		reset_paging_button();
		var button_now = index+1;
		$('img#button-number-0'+button_now).attr('src', 'images/2010/index-paging/page_0'+button_now+'_pass.png');
		clearTimeout(timer);
	});
	return false;
	
}

function reset_paging_button() {
	$('img#button-number-01').attr('src', 'images/2010/index-paging/page_01.png');
	$('img#button-number-02').attr('src', 'images/2010/index-paging/page_02.png');
	$('img#button-number-03').attr('src', 'images/2010/index-paging/page_03.png');
	$('img#button-number-04').attr('src', 'images/2010/index-paging/page_04.png');
}

function change_banner(index) {
	current_banner = index+1;
	$('div#index-hot-'+index).fadeOut(500, function(){			
		if(current_banner<max_banner) { 
			$('div#index-hot-'+current_banner).fadeIn(500);
			
			reset_paging_button();
			var button_now = current_banner+1;
			$('img#button-number-0'+button_now).attr('src', 'images/2010/index-paging/page_0'+button_now+'_pass.png');
			
			timer = setTimeout("change_banner(current_banner);", 6000);
		} else {
			current_banner = 0;
			$('div#index-hot-'+current_banner).fadeIn(500);
			reset_paging_button();
			$('img#button-number-01').attr('src', 'images/2010/index-paging/page_01_pass.png');
		}
	});
}

timer = setTimeout("change_banner(current_banner);", 6000);