$(document).ready(function() {

	$('a.panel').click(function () {

		$('a.panel').removeClass('selected');
		$(this).addClass('selected');
		
		current = $(this);
		
		$('#wrapper').scrollTo($(this).attr('href'), 800);		
		
		return false;
	});

	$(window).resize(function () {
		resizePanel();
	});
	
});

function resizePanel() {

	width = $(window).width();
	height = $(window).height();
	mask_width = width * $('.item').length;
	
		
	$('#debug').html(width  + ' ' + height + ' ' + mask_width);
		
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
		
}


$(document).ready(function() {
	$('body').css("background","#9a3f2d url(images/bg_body_1.jpg) repeat");
	$("#tab1").click(function(){
		$('body').css("background","#9a3f2d url(images/bg_body_1.jpg) repeat");
	});
	$("#tab2").click(function(){
		$('body').css("background","#1c1d21 url(images/bg_body_4.png) repeat");
	});
	$("#tab3").click(function(){
		$('body').css("background","#2e6f1f url(images/bg_body_3.jpg) repeat");
	});
	$("#tab4").click(function(){
		$('body').css("background","#373737 url(images/pixel-gray.gif) repeat");
	});
	$("#tab5").click(function(){
		$('body').css("background","#0d595b url(images/bg_body_5.jpg) repeat-x");
	});
	$("#tab6").click(function(){
		$('body').css("background","#0d595b url(images/bg_body_5.jpg) repeat-x");
	});
});


$(document).ready(function() {
	$(".item_our_client:odd").css("margin-right", "40px");
});


$(document).ready(function() {
	$("#i_v_1, #i_v_2, #i_v_3, #i_v_4, #i_v_5, #i_v_6").oneTime(1, function(){
		$("#i_v_1").animate({"left": "161px","top": "40px"}, 1000)
		.animate({"left": "156px","top": "124px"}, 1000)
		.animate({"left": "85px","top": "165px"}, 1000)
		.animate({"left": "4px","top": "124px"}, 1000)
		.animate({"left": "8px","top": "40px"}, 1000)
		.animate({"left": "79px","top": "2px"}, 1000)
		;
		$("#i_v_2").animate({"left": "156px","top": "124px"}, 1000)
		.animate({"left": "85px","top": "165px"}, 1000)
		.animate({"left": "4px","top": "124px"}, 1000)
		.animate({"left": "8px","top": "40px"}, 1000)
		.animate({"left": "79px","top": "2px"}, 1000)
		.animate({"left": "161px","top": "40px"}, 1000)
		;
		$("#i_v_3").animate({"left": "85px","top": "165px"}, 1000)
		.animate({"left": "4px","top": "124px"}, 1000)
		.animate({"left": "8px","top": "40px"}, 1000)
		.animate({"left": "79px","top": "2px"}, 1000)
		.animate({"left": "161px","top": "40px"}, 1000)
		.animate({"left": "156px","top": "124px"}, 1000)
		;
		$("#i_v_4").animate({"left": "4px","top": "124px"}, 1000)
		.animate({"left": "8px","top": "40px"}, 1000)
		.animate({"left": "79px","top": "2px"}, 1000)
		.animate({"left": "161px","top": "40px"}, 1000)
		.animate({"left": "156px","top": "124px"}, 1000)
		.animate({"left": "85px","top": "165px"}, 1000)
		;
		$("#i_v_5").animate({"left": "8px","top": "40px"}, 1000)
		.animate({"left": "79px","top": "2px"}, 1000)
		.animate({"left": "161px","top": "40px"}, 1000)
		.animate({"left": "156px","top": "124px"}, 1000)
		.animate({"left": "85px","top": "165px"}, 1000)
		.animate({"left": "4px","top": "124px"}, 1000)
		;
		$("#i_v_6").animate({"left": "79px","top": "2px"}, 1000)
		.animate({"left": "161px","top": "40px"}, 1000)
		.animate({"left": "156px","top": "124px"}, 1000)
		.animate({"left": "85px","top": "165px"}, 1000)
		.animate({"left": "4px","top": "124px"}, 1000)
		.animate({"left": "8px","top": "40px"}, 1000)
		;
	});
	
	$("#icon_version").hover(function(){
	   $("#i_v_1, #i_v_2, #i_v_3, #i_v_4, #i_v_5, #i_v_6").stop(true).stopTime();
	});
	
	$("#icon_version").mouseleave(function(){							   
	   $("#i_v_1, #i_v_2, #i_v_3, #i_v_4, #i_v_5, #i_v_6").oneTime(1, function(){						 
			$("#i_v_1").animate({"left": "161px","top": "40px"}, 1000)
			.animate({"left": "156px","top": "124px"}, 1000)
			.animate({"left": "85px","top": "165px"}, 1000)
			.animate({"left": "4px","top": "124px"}, 1000)
			.animate({"left": "8px","top": "40px"}, 1000)
			.animate({"left": "79px","top": "2px"}, 1000)
			;
			$("#i_v_2").animate({"left": "156px","top": "124px"}, 1000)
			.animate({"left": "85px","top": "165px"}, 1000)
			.animate({"left": "4px","top": "124px"}, 1000)
			.animate({"left": "8px","top": "40px"}, 1000)
			.animate({"left": "79px","top": "2px"}, 1000)
			.animate({"left": "161px","top": "40px"}, 1000)
			;
			$("#i_v_3").animate({"left": "85px","top": "165px"}, 1000)
			.animate({"left": "4px","top": "124px"}, 1000)
			.animate({"left": "8px","top": "40px"}, 1000)
			.animate({"left": "79px","top": "2px"}, 1000)
			.animate({"left": "161px","top": "40px"}, 1000)
			.animate({"left": "156px","top": "124px"}, 1000)
			;
			$("#i_v_4").animate({"left": "4px","top": "124px"}, 1000)
			.animate({"left": "8px","top": "40px"}, 1000)
			.animate({"left": "79px","top": "2px"}, 1000)
			.animate({"left": "161px","top": "40px"}, 1000)
			.animate({"left": "156px","top": "124px"}, 1000)
			.animate({"left": "85px","top": "165px"}, 1000)
			;
			$("#i_v_5").animate({"left": "8px","top": "40px"}, 1000)
			.animate({"left": "79px","top": "2px"}, 1000)
			.animate({"left": "161px","top": "40px"}, 1000)
			.animate({"left": "156px","top": "124px"}, 1000)
			.animate({"left": "85px","top": "165px"}, 1000)
			.animate({"left": "4px","top": "124px"}, 1000)
			;
			$("#i_v_6").animate({"left": "79px","top": "2px"}, 1000)
			.animate({"left": "161px","top": "40px"}, 1000)
			.animate({"left": "156px","top": "124px"}, 1000)
			.animate({"left": "85px","top": "165px"}, 1000)
			.animate({"left": "4px","top": "124px"}, 1000)
			.animate({"left": "8px","top": "40px"}, 1000)
			;
		});
	   
	});
	
});



$(document).ready(function() {
	$(".one_option_package:odd").css("background", "#e7e7e7");
	
	$(".one_option_package").hover(function(){
		$(this).css({"background":"#00a2ff","color":"#fff"});
		$(this).children(".num_option_package").css({"background":"#fff","color":"#222"});
	});
	$(".one_option_package").mouseleave(function(){
		$(this).css({"background":"#f3f3f3","color":"#333"});
		$(this).children(".num_option_package").css({"background":"#c6c6c6","color":"#333"});
	});
});