var home = $j('#linkHome');
var about = $j('#linkAbout');
var portfolio = $j('#linkPortfolio');
var contact = $j('#linkContact');

$j('#aboutContainer').hide("fast");

//About
about.click(function(){
	toggleActive('linkAbout');

	switchBox("aboutContainer");
	
	panel1.slideUp();
	panel2.slideUp();
	panel3.slideUp();	
	toggler1.text("More");
	toggler2.text("More");	
	toggler3.text("More");	
	
});

$j('#contentMore').click(function(){
	switchBox("aboutContainer");
	
	panel1.slideUp();
	panel2.slideUp();
	panel3.slideUp();	
	toggler1.text("More");
	toggler2.text("More");	
	toggler3.text("More");		
	return false;
});

//Contact
contact.click(function(){
	toggleActive('linkContact');

	switchBox("all");
	
	panel1.slideUp();
	panel2.slideUp();
	panel3.slideUp();	
	toggler1.text("More");
	toggler2.text("More");	
	toggler3.text("More");	
});

$j('#contactMore').click(function(){
	switchBox("contactContainer");

	panel1.slideUp();
	panel2.slideUp();
	panel3.slideUp();	
	toggler1.text("More");
	toggler2.text("More");	
	toggler3.text("More");		
});

home.click(function(){
	toggleActive('linkHome');
	
	switchBox("all");
	
	panel1.slideUp();
	panel2.slideUp();
	panel3.slideUp();	
	toggler1.text("More");
	toggler2.text("More");	
	toggler3.text("More");	
});
portfolio.click(function(){
	toggleActive('linkPortfolio');
	
	switchBox("all");
	
	panel1.slideUp();
	panel2.slideUp();
	panel3.slideUp();	
	toggler1.text("More");
	toggler2.text("More");	
	toggler3.text("More");		
});


function switchBox(current) {
	var name = "#" + current;
	switch(current) {
		case 'aboutContainer':
     		if($j(name).is(":hidden")) {
		        $j(name).slideDown();
		        $j('#contentMore').text("Close");
		      } else {
		        $j(name).slideUp();
		        $j('#contentMore').text("More");
		      }
			$j('#contactMore').text("More");
		break;	
		case 'contactContainer':
     		if($j(name).is(":hidden")) {
		        $j(name).slideDown();
		        $j('#contactMore').text("Close");
		      } else {
		        $j(name).slideUp();
		        $j('#contactMore').text("More");
		      }
			$j('#aboutContainer').hide();
			$j('#contentMore').text("More");
		break;
		case 'all':
			$j('#aboutContainer').hide();
			$j('#contentMore').text("More");
		break;		
	}
}

function toggleClose(id) {
	var name = "#" + id;
	switch(id) {
		case 'contentMore':
			if($j(name).text() == "More") {
				$j(name).text("Close");
			} else {
				$j(name).text("More");
			}	
		break;	
		case 'contactContainer':
			$j(name).slideDown();
			$j('#aboutContainer').hide();
		break;			
	}	
}

function toggleActive(myElement) {
	home.removeClass('active');
	about.removeClass('active');
	portfolio.removeClass('active');
	contact.removeClass('active');
	
	myElement = "#" + myElement;
	$j(myElement).toggleClass('active');
}


//acc
var panel1 = $j('#accordionPanel1');
var panel2 = $j('#accordionPanel2');
var panel3 = $j('#accordionPanel3');

var toggler1 = $j('#accordionPaneler1');
var toggler2 = $j('#accordionPaneler2');
var toggler3 = $j('#accordionPaneler3');

var panel = "";

panel1.hide("fast");
panel2.hide("fast");
panel3.hide("fast");

toggler1.click(function(){
	togglePanel("accordionPanel1");
	panel="accordionPanel1";
	
	return false;	
});
toggler2.click(function(){
	togglePanel("accordionPanel2");
	panel="accordionPanel1";
	
	return false;	
});
toggler3.click(function(){
	togglePanel("accordionPanel3");
	panel="accordionPanel1";
	
	return false;
});


function togglePanel(panel) {
	var name = "#" + panel;
	switch(panel) {
		case 'accordionPanel1':
     		if($j(name).is(":hidden")) {
		        $j(name).slideDown();
		        toggler1.text("Close");
		      } else {
		        $j(name).slideUp();
		        toggler1.text("More");
		      }
			panel2.slideUp();
			panel3.slideUp();
			toggler2.text("More");
			toggler3.text("More");
		break;	
		case 'accordionPanel2':
     		if($j(name).is(":hidden")) {
		        $j(name).slideDown();
		        toggler2.text("Close");
		      } else {
		        $j(name).slideUp();
		        toggler2.text("More");
		      }
			panel1.slideUp();
			panel3.slideUp();
			toggler1.text("More");
			toggler3.text("More");
		break;
		case 'accordionPanel3':
     		if($j(name).is(":hidden")) {
		        $j(name).slideDown();
		        toggler3.text("Close");
		      } else {
		        $j(name).slideUp();
		        toggler3.text("More");
		      }
			panel1.slideUp();
			panel2.slideUp();
			toggler1.text("More");
			toggler2.text("More");
		break;					
	}
	switchBox('all');
}