// JavaScript Document
var $ad = jQuery.noConflict();
 
 // Use jQuery via $j(...)
 var $adCss2Color = 'ad';
 var $adSocialNetwork = false;
 $ad(document).ready(function(){
	var d = new Date();
	var year = d.getFullYear();  
	$ad('.endTime').html(year);
							  
   	$ad('.font2color a').each(
		function(item){
			var $this = $ad(this);
			var tmpText = $this.text();
			var initText = tmpText.substring(0,3);
			var endText = tmpText.substring(3,tmpText.length);
			if(tmpText == 'Play Games'){
				initText = tmpText.substring(0,4);
				endText = tmpText.substring(4,tmpText.length);
			}
			var completeStr = initText +'<span class="'+$adCss2Color+'">'+endText+ '</span>';
			$this.html(completeStr);
		} 
	);
	var $li = $ad( ".time-line-slider .markers li.section-year" );
	var $totalli = parseFloat($li.length);
	//$ad( ".time-line-slider .markers li" ).css('margin-left','1%');
	//$ad( ".time-line-slider .markers li" ).css('margin-right','1%');
	var $twidth = 100 - ($totalli*2);
	var $cwidth = 100/($totalli);
	//$ad( ".time-line-slider .markers li" ).css('width',cwidth+'%');
	
	$li.each(function(item){
		$this = $ad(this);
		$cWidthMargins = $cwidth - 1;
		
		var $posX = $cwidth * item;
		$this.css('position','absolute');
		$this.css('left',$posX+'%');
		$this.css('width',$cWidthMargins+'%');
		$this.css('margin-left','0.5%');
		$this.css('margin-right','0.5%');
	})
	
	var liCricleMarck = $ad('.circle-marck');
	
	var $today = new Date();
	var $year = $today.getFullYear();
	var $month = $today.getMonth()+1;
	
	var $valor = ($totalli*12)-$month;

	$ad( "#slider" ).slider({
			value:$valor,
			min: 0,
			max: $totalli*12,
			step: 1,
			stop: function( event, ui ) {
				var $val = ui.value;
				$this = $ad(this);
				$this.find('a').attr('title',$val);
			}
		});
	$ad( "#slider a" ).removeClass('ui-state-default');
	$ad( "#slider a" ).addClass('sprite-icons slider-icon');

	$ad('.servicesmenu a').mouseenter(function(){
		var $this = $ad(this);
		$this.addClass('animating');
		
		$this.animate({
			paddingLeft: 40
		}, 500, "easeOutQuart",function() {
				$this.removeClass('animating');
		});
		
		
	}).mouseleave(function(){
		var $this = $ad(this);
		$this.animate({
			paddingLeft: 30
		}, 500, "easeOutQuart",function() {
				$this.removeClass('animating');
		});
	});
	
	
	$ad('.curtain').slideUp();
	$ad('.principalmenu a').click(function(){
		$ad(this).attr('href','#company');
		$ad('.curtain').slideDown();
	});
	
	$ad('.attach-design').mouseleave(function(){
			//if($adSocialNetwork){
				$ad('.curtain').delay(800).slideUp();
			//}
	})
 });