$(document).ready(
	function(){
		$('body').css('width', screen.availWidth+'px' );
		$('.footer_widgets>.footer_widget_container:first').css('padding-left','0');
		$('.footer_widgets>.footer_widget_container:last').css({
				'padding-left':'0',
				'float':'right'
				});	
		
		$('.post_content:last').css('background','none');
		$('.s-icon span.service-slide:first').addClass('cur-slide');
		// hover and click slide of services icon
		
		// height of slide content
		$('#container img').removeAttr('title');
		$('#container img').removeAttr('alt');
		maxHeight = 0;
		$('.slide-list li.slide-item').each(
			function(){
					height = $(this).height();
					if( height >= maxHeight){
							maxHeight = height;
						}
				}
		);
		$('.services .slide-content').css('height', maxHeight+'px');
		
		$('.services').swipe({
			 swipeLeft: function() { sleft(); },
			 swipeRight: function() { sright(); },
			 allowPageScroll: 'none'
		})
		
		
		/*$('.swipe').swipe({
			 swipeLeft: function() { sleft(); },
			 swipeRight: function() { sright(); },
			 allowPageScroll: 'none'
		})
		
		$('.swipe-img').swipe({
			 swipeLeft: function() { sleft(); },
			 swipeRight: function() { sright(); },
			 allowPageScroll: 'none'
		})*/
		
	/*$('.s-icon a.service-slide').click( // icon click event
			function(){
				//alert( $(this).attr('id') );
				curid = $('.s-icon a.cur-slide').attr('id');
				id =  $(this).attr('id');
				if( curid != id ){
					// if ID is < current slide ID, slide left
					if( id < curid ){
							$('.s-icon a.service-slide').removeClass('cur-slide');
							$(this).addClass('cur-slide');
							slidepix = parseInt(( curid - id )) * 180;
							
							slidepixcontent = ( curid - id ) * 900;
							$('img.swipe-img').attr('id', id);
							$('img.swipe-img').animate(
								{
									left:'-='+slidepix+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
							$('.slide-list').animate(
								{
									right:'+='+slidepixcontent+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
						}
					
					// if ID is > current slide ID, slide right
					if( id > curid ){
							$('.s-icon a.service-slide').removeClass('cur-slide');
							$(this).addClass('cur-slide');
							slidepix = parseInt(( id - curid )) * 180;
							//alert( id +'-'+ curid +'slidewidth = '+( id - curid ) * 180);
							slidepixcontent = ( id - curid ) * 900;
							$('img.swipe-img').attr('id', id);
							$('img.swipe-img').animate(
								{
									left:'+='+slidepix+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
							$('.slide-list').animate(
								{
									right:'-='+slidepixcontent+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
						}
				}		
			}
		); */
	
		$('.s-icon span.service-slide').hover( // icon mouseover event
					function(){
				//alert( $(this).attr('id') );
				curid = parseInt($('.s-icon span.cur-slide').attr('id'));
				id =  parseInt($(this).attr('id'));
				if( curid != id ){
					
					// if ID is < current slide ID, slide left
					if( id < curid ){
							
							if( curid == 5 && id == 1 ){slidepix = 720; slidepixcontent = 3600; }
							else if( (curid == 5 && id == 2) || (curid == 4 && id == 1) ){slidepix = 540;slidepixcontent = 2700; }
							else if( (curid == 5 && id == 3) || ( curid == 4 && id == 2 ) || (curid == 3 && id == 1 ) ){ slidepix = 360;slidepixcontent = 1800; }
							else if( (curid == 5 && id == 4) || (curid == 4 && id == 3) || (curid == 3 && id == 2) || (curid == 2 && id == 1)){
								slidepix = 180;
								slidepixcontent = 900;
								 }
						
							$('.s-icon span.service-slide').removeClass('cur-slide');
							$(this).addClass('cur-slide');
						
							$('img.swipe-img').attr('id', id);
							$('img.swipe-img').animate(
								{
									left:'-='+slidepix+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
							$('.slide-list').animate(
								{
									right:'+='+slidepixcontent+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
						}
					
					// if ID is > current slide ID, slide right
					if( id > curid ){
							
							if( curid == 1 && id == 5 ){slidepix = 720; slidepixcontent = 3600; }
							else if( (curid == 2 && id == 5) || (curid == 1 && id == 4) ){slidepix = 540;slidepixcontent = 2700; }
							else if( (curid == 3 && id == 5) || ( curid == 2 && id == 4 ) || (curid == 1 && id == 3 ) ){ slidepix = 360;slidepixcontent = 1800; }
							else if( (curid == 4 && id == 5) || (curid == 3 && id == 4) || (curid == 2 && id == 3) || (curid == 1 && id == 2)){
								slidepix = 180;
								slidepixcontent = 900;
								 }
						
							$('.s-icon span.service-slide').removeClass('cur-slide');
							$(this).addClass('cur-slide');
							//slidepix = parseInt(( id - curid )) * 180;
							
							$('img.swipe-img').attr('id', id);
							$('img.swipe-img').animate(
								{
									left:'+='+slidepix+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
							$('.slide-list').animate(
								{
									right:'-='+slidepixcontent+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
						}
				}		
			},
			function(){} // callback on mouse out
		);
	}
);

function sleft(){
				
				curid = parseInt($('img.swipe-img').attr('id'));
				if( curid > 1){
					id =  curid - 1;
							$('.s-icon span.service-slide').removeClass('cur-slide');
							$('.s-icon span#'+id+'').addClass('cur-slide');
						
							$('img.swipe-img').attr('id', id);
							$('img.swipe-img').animate(
								{
									left:'-='+180+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
							$('.slide-list').animate(
								{
									right:'+='+900+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
				}		
			}
function sright(){
				
				curid = parseInt($('img.swipe-img').attr('id'));
				
				if( curid < 5){
					id = curid + 1;
							$('.s-icon span.service-slide').removeClass('cur-slide');
							$('.s-icon span#'+id+'').addClass('cur-slide');
							
							$('img.swipe-img').attr('id', id);
							$('img.swipe-img').animate(
								{
									left:'+='+180+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
							$('.slide-list').animate(
								{
									right:'-='+900+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
					
				}		
			}

function serviceActive( id ){
				curid = parseInt($('.s-icon span.cur-slide').attr('id'));
				id =  parseInt(id);
				if( curid != id ){
					
					// if ID is < current slide ID, slide left
					if( id < curid ){
							
							if( curid == 5 && id == 1 ){slidepix = 720; slidepixcontent = 3600; }
							else if( (curid == 5 && id == 2) || (curid == 4 && id == 1) ){slidepix = 540;slidepixcontent = 2700; }
							else if( (curid == 5 && id == 3) || ( curid == 4 && id == 2 ) || (curid == 3 && id == 1 ) ){ slidepix = 360;slidepixcontent = 1800; }
							else if( (curid == 5 && id == 4) || (curid == 4 && id == 3) || (curid == 3 && id == 2) || (curid == 2 && id == 1)){
								slidepix = 180;
								slidepixcontent = 900;
								 }
						
							$('.s-icon span.service-slide').removeClass('cur-slide');
							$('.s-icon span#'+id+'').addClass('cur-slide');
						
							$('img.swipe-img').attr('id', id);
							$('img.swipe-img').animate(
								{
									left:'-='+slidepix+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
							$('.slide-list').animate(
								{
									right:'+='+slidepixcontent+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
						}
					
					// if ID is > current slide ID, slide right
					if( id > curid ){
							
							if( curid == 1 && id == 5 ){slidepix = 720; slidepixcontent = 3600; }
							else if( (curid == 2 && id == 5) || (curid == 1 && id == 4) ){slidepix = 540;slidepixcontent = 2700; }
							else if( (curid == 3 && id == 5) || ( curid == 2 && id == 4 ) || (curid == 1 && id == 3 ) ){ slidepix = 360;slidepixcontent = 1800; }
							else if( (curid == 4 && id == 5) || (curid == 3 && id == 4) || (curid == 2 && id == 3) || (curid == 1 && id == 2)){
								slidepix = 180;
								slidepixcontent = 900;
								 }
						
							$('.s-icon span.service-slide').removeClass('cur-slide');
							$('.s-icon span#'+id+'').addClass('cur-slide');
							//slidepix = parseInt(( id - curid )) * 180;
							
							$('img.swipe-img').attr('id', id);
							$('img.swipe-img').animate(
								{
									left:'+='+slidepix+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
							$('.slide-list').animate(
								{
									right:'-='+slidepixcontent+'px'
								}, 700, function(){ // callback after animation
								
									}
								);
						}
				}
	}
// chrome fix	
function serviceEqualHeight(){
	maxHeight = 0;
		$('.slide-list li.slide-item').each(
			function(){
					height = $(this).height();
					if( height >= maxHeight){
							maxHeight = height;
						}
				}
		);
		$('.services .slide-content').css('height', maxHeight+'px');
		
	}