$(function(){ 
	
	var page = $('#page').text(); 
	if(page=='11') {
		slid1();
	} else if(page=='12') { 
		slid2();
	} else if (page=='13') {
		slid3();
	}
	
	//--- 1
	$('#slid1').hover(function() {  
			slid1(); 
	},function(){
		if(page=='11') {
			slid1(); 
		} else if(page=='12') { 
			slid2();  
		} else if(page=='13') { 
			slid3(); 
		} else {
			slid1unhover(); 
		}
	}); 
	
	//--- 2
	$('#slid2').hover(function() {   
		slid2();
	},function(){
		if(page=='11') {
			slid1(); 
		} else if(page=='12') { 
			slid2();  
		} else if(page=='13') { 
			slid3(); 
		} else {
			slid2unhover(); 
		}
	}); 
		
	//--- 3

	$('#slid3').hover(function() {
		slid3(); 
	},function(){
		if(page=='11') {
			slid1(); 
		} else if(page=='12') { 
			slid2();  
		} else if(page=='13') { 
			slid3(); 
		} else {
			slid3unhover(); 
		}
	}); 
	
	function slid1() {
		
		//$('.form').validationEngine('hide');  
		$('#slid2').animate({
			marginLeft: '714px',
			width: '87px'
			}, {queue:false, duration:500},'linear'); 
		
		$('#slid3').animate({
			marginLeft: '840px',
			width: '78px'
			}, { queue:false, duration:500},'linear');   
	
	}
	function slid1unhover() {
		
		//$('.form').validationEngine('hide');  
		$('#slid2').animate({
			marginLeft: '325px',
			width: '275px'
			}, {queue:false, duration:500},'linear'); 
		
		$('#slid3').animate({
			marginLeft: '639px',
			width: '279px'
			}, { queue:false, duration:500},'linear');   
	}
	
	function slid2() {
	
		//$('.form').validationEngine('hide');  
		$('#slid2').animate({
			marginLeft: '126px',
			'width': '760px'
			}, { queue:false, duration:500},'linear');   
		
		$('#slid3').animate({
			marginLeft: '840px',
			width: '78px'
			}, { queue:false, duration:500},'linear');  
	
	}
	
	function slid2unhover() {
		//$('.form').validationEngine('hide');  
		$('#slid2').animate({
			marginLeft: '325px',
			width: '275px'
			}, {queue:false, duration:500},'linear'); 
		$('#slid3').animate({
			marginLeft: '639px',
			width: '279px'
			}, { queue:false, duration:500},'linear'); 
	}

	
	function slid3() {

		//$('.form').validationEngine('hide');  
		
		$('#slid3').animate({
			marginLeft: '254px',
			'width': '664px'
			}, { queue:false, duration:500},'linear');    
		
		$('#slid2').animate({
			marginLeft: '126px',
			'width': '200px'
			}, { queue:false, duration:500},'linear');     	
	}
	
	function slid3unhover() {
	
		//$('.form').validationEngine('hide');  
		$('#slid2').animate({
			marginLeft: '325px',
			width: '275px'
			}, {queue:false, duration:500},'linear'); 
		
		$('#slid3').animate({
			marginLeft: '639px',
			width: '279px'
			}, { queue:false, duration:500},'linear'); 
	}

});