$(document).ready(function(){
var slide1content = "<h1>Sign</h1>Join a community of developers who are developing cutting edge mobile solutions for the T-Mobile network.   By signing the  agreement online, you’re quickly on your way to doing business with T-Mobile.<p>The T-Mobile Partner Network Program, your channel to <a href='/site/global/develop_tools/network/p_web2go.jsp'><img style='vertical-align:middle;' alt='web2go logo' src='/images/web2go.jpg'/></a><br /><a href=\"/newUserRegistration.do\">Register Now &raquo;</a></p>";	
var slide2content = "<h1>Submit</h1>Once you’ve created the killer app (you may already have) just go to Program Tools and run through the submission checklist.   When all systems are go, you can simply submit it online.<br /><br /><a href=\"/site/global/devpartner/mobile_application_steps/l_mobile_application_steps.jsp\">Mobile Application Submission Checklist</a><br /><a href=\"/site/global/devpartner/mobile_web_steps/l_mobile_web_steps.jsp\">Mobile Web Site Submission Checklist</a>";	
var slide3content = "<h1>Collect</h1>The hard part was the idea to conception, now comes the easy part, once your app is for sale on the T-Mobile network you can sit back, relax and get 70% of what the application earns.";	

	//button 1 functions
	$(".slide1").hover(function() {
		if(!$(".btn-slide1").hasClass("active") && $(".slide1").css("margin-top") == "0px"){
		$(".slide1").animate({ 
		        marginTop: "5px"	    
		      }, 150 );
			$(".slide1").animate({ 
			        marginTop: "0px"	    
			      }, 150 );
			}
		});
	
	$(".btn-slide1").click(function(){
		if($(this).hasClass("active")){
			$(".slide1").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
		}
		else if($(".btn-slide2").hasClass("active")){
			$(".btn-slide2").toggleClass("active");
			$(".slide2").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
			setTimeout(function() {
			$("#panel1content").html(slide1content);
			$("#panel1").css("border-right", "1px solid #f6c724");
			$("#panel1").css("border-left", "1px solid #f6c724");
			$("#panel1").css("border-bottom", "1px solid #f6c724");
			$("#panel1").slideToggle("slow");
			 $(".slide1").animate({ 
			        marginTop: "232px"	    
			      }, 600 ); }, 600);
		}
		else if($(".btn-slide3").hasClass("active")){
			$(".btn-slide3").toggleClass("active");
			$(".slide3").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
			setTimeout(function() {
			$("#panel1content").html(slide1content);
			$("#panel1").css("border-right", "1px solid #f6c724");
			$("#panel1").css("border-left", "1px solid #f6c724");
			$("#panel1").css("border-bottom", "1px solid #f6c724");
			$("#panel1").slideToggle("slow");
			 $(".slide1").animate({ 
			        marginTop: "232px"	    
			      }, 600 ); }, 600);
		}
		else{
			$(".slide1").animate({ 
			        marginTop: "232px"	    
			      }, 600 );
				$("#panel1content").html(slide1content);
				$("#panel1").css("border-right", "1px solid #f6c724");
				$("#panel1").css("border-left", "1px solid #f6c724");
				$("#panel1").css("border-bottom", "1px solid #f6c724");
				$("#panel1").slideToggle("slow");
		}
		$(this).toggleClass("active");
		return false;
	});
	//button 2 functions
	$(".slide2").hover(function() {
		if(!$(".btn-slide2").hasClass("active") && $(".slide2").css("margin-top") == "0px"){
		$(".slide2").animate({ 
		        marginTop: "5px"	    
		      }, 150 );
			$(".slide2").animate({ 
			        marginTop: "0px"	    
			      }, 150 );
			}
		});
		
	$(".btn-slide2").click(function(){
		if($(this).hasClass("active")){
			$(".slide2").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
		}
		else if($(".btn-slide1").hasClass("active")){
			$(".btn-slide1").toggleClass("active");
			$(".slide1").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
			setTimeout(function() {
			$("#panel1content").html(slide2content);
			$("#panel1").css("border-right", "1px solid #de8220");
			$("#panel1").css("border-left", "1px solid #de8220");
			$("#panel1").css("border-bottom", "1px solid #de8220");
			$("#panel1").slideToggle("slow");
		    $(".slide2").animate({ 
			        marginTop: "232px"	    
			      }, 600 ); }, 600);
			
				
		}
		else if($(".btn-slide3").hasClass("active")){
			$(".btn-slide3").toggleClass("active");
			$(".slide3").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
			setTimeout(function() {
			$("#panel1content").html(slide2content);
			$("#panel1").css("border-right", "1px solid #de8220");
			$("#panel1").css("border-left", "1px solid #de8220");
			$("#panel1").css("border-bottom", "1px solid #de8220");
			$("#panel1").slideToggle("slow");
			$(".slide2").animate({ 
			        marginTop: "232px"	    
			      }, 600 ); }, 600);
		}
		else{
			$(".slide2").animate({ 
			        marginTop: "232px"	    
			      }, 600 );
				$("#panel1content").html(slide2content);
				$("#panel1").css("border-right", "1px solid #de8220");
				$("#panel1").css("border-left", "1px solid #de8220");
				$("#panel1").css("border-bottom", "1px solid #de8220");
				$("#panel1").slideToggle("slow");
		}
		$(this).toggleClass("active");
		return false;
	});
	//button 3 functions
	$(".slide3").hover(function() {
		if(!$(".btn-slide3").hasClass("active") && $(".slide3").css("margin-top") == "0px"){
		$(".slide3").animate({ 
		        marginTop: "5px"	    
		      }, 150 );
			$(".slide3").animate({ 
			        marginTop: "0px"	    
			      }, 150 );
			}
		});
	$(".btn-slide3").click(function(){
		if($(this).hasClass("active")){
			$(".slide3").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
		}
		else if($(".btn-slide1").hasClass("active")){
			$(".btn-slide1").toggleClass("active");
			$(".slide1").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
			setTimeout(function() {
			$("#panel1content").html(slide3content);
			$("#panel1").css("border-right", "1px solid #6ba73f");
			$("#panel1").css("border-left", "1px solid #6ba73f");
			$("#panel1").css("border-bottom", "1px solid #6ba73f");
			$("#panel1").slideToggle("slow");
		    $(".slide3").animate({ 
			        marginTop: "232px"	    
			      }, 600 ); }, 600);	
		}
		else if($(".btn-slide2").hasClass("active")){
			$(".btn-slide2").toggleClass("active");
			$(".slide2").animate({ 
			        marginTop: "0px"	    
			      }, 600 );
			$("#panel1").slideToggle("slow");
			setTimeout(function() {
			$("#panel1content").html(slide3content);
			$("#panel1").css("border-right", "1px solid #6ba73f");
			$("#panel1").css("border-left", "1px solid #6ba73f");
			$("#panel1").css("border-bottom", "1px solid #6ba73f");
			$("#panel1").slideToggle("slow");
		    $(".slide3").animate({ 
			        marginTop: "232px"	    
			      }, 600 ); }, 600);
		}
		else{
			$(".slide3").animate({ 
			        marginTop: "232px"	    
			      }, 600 );
				$("#panel1content").html(slide3content);
				$("#panel1").css("border-right", "1px solid #6ba73f");
				$("#panel1").css("border-left", "1px solid #6ba73f");
				$("#panel1").css("border-bottom", "1px solid #6ba73f");
				$("#panel1").slideToggle("slow");
		}
		$(this).toggleClass("active");
		return false;
	});
	 
});