$(document).ready(function() {
	var pathname = window.location.hash;
	
	
	
	
	if (pathname == "#form") {
		$('#content, #infoBar').css("display","none");
	}
	
	$('#panel1').click(function() {
		$('#fashionInfo, #purpleSquare, #culinaryInfo, #orangeSquare, #mediaArtsInfo, #blueSquare, #eventManagementInfo, #redSquare').hide();
		$('#designInfo, #greenSquare').toggle();
		//$('.designButton, #panel1, #greenSquare').css("opacity", "1");
		//$('.mediaArtsButton, .fashionButton, .culinaryButton').css("opacity", "0.35");
		//$('#panel2, #panel3, #panel4, #panel5').css("opacity", "0.35");
		
		if($("#designInfo").is(":visible")) {
			$('.button').css("opacity", "0.35");
			$('#panel2, #panel3, #panel4, #panel5').css("opacity", "0.35");
		    $('.designButton, #greenSquare, #panel1').css("opacity", "1");
		} else if($("#designInfo").is(":hidden")) {
		   $('.button').css("opacity", "1");
		   $('#panel2, #panel3, #panel4, #panel5').css("opacity", "1");
		}
	});
	
	$('#panel2').click(function() {
		$('#fashionInfo, #purpleSquare, #culinaryInfo, #orangeSquare, #designInfo, #greenSquare, #eventManagementInfo, #redSquare').hide();
		$('#mediaArtsInfo, #blueSquare').toggle();
		
		if($("#mediaArtsInfo").is(":visible")) {
			$('.button').css("opacity", "0.35");
			$('#panel1, #panel3, #panel4, #panel5').css("opacity", "0.35");
		    $('.mediaArtsButton, #blueSquare, #panel2').css("opacity", "1");
		} else if($("#mediaArtsInfo").is(":hidden")) {
		   $('.button').css("opacity", "1");
		   $('#panel1, #panel3, #panel4, #panel5').css("opacity", "1");
		}
		//$('.mediaArtsButton, #blueSquare, #panel2').css("opacity", "1");
		//$('.designButton, .fashionButton, .culinaryButton').css("opacity", "0.35");
		//$('#panel1, #panel3, #panel4, #panel5').css("opacity", "0.35");
	});
	
	/*$('.fashionButton').click(function() {
				
		$('.info, .square').hide();
		$('#fashionInfo, #purpleSquare').show();
		$('.fashionButton, #panel3, #purpleSquare').css("opacity", "1");
		$('.designButton, .mediaArtsButton, .culinaryButton').css("opacity", "0.35");
		$('#panel1, #panel2, #panel4, #panel5').css("opacity", "0.35");
	
	});*/
	
	$('#panel3').click(function() {	
		$('#designInfo, #greenSquare, #culinaryInfo, #orangeSquare, #mediaArtsInfo, #blueSquare, #eventManagementInfo, #redSquare').hide();
		$('#fashionInfo, #purpleSquare').toggle();
		//$('.designButton, .mediaArtsButton, .culinaryButton').css("opacity", "0.35");
		//$('#panel1, #panel2, #panel4, #panel5').css("opacity", "0.35");
		//return false;
		if($("#fashionInfo").is(":visible")) {
			$('.button').css("opacity", "0.35");
			$('#panel1, #panel2, #panel4, #panel5').css("opacity", "0.35");
		    $('.fashionButton, #purpleSquare, #panel3').css("opacity", "1");
		} else if($("#mediaArtsInfo").is(":hidden")) {
		   $('.button').css("opacity", "1");
		   $('#panel1, #panel2, #panel4, #panel5').css("opacity", "1");
		}
	});
	
	$('#panel4').click(function() {
		$('#designInfo, #greenSquare, #fashionInfo, #purpleSquare, #mediaArtsInfo, #blueSquare, #eventManagementInfo, #redSquare').hide();
		$('#culinaryInfo, #orangeSquare').toggle();
		//$('.culinaryButton, #panel4, #orangeSquare').css("opacity", "1");
		//$('.designButton, .mediaArtsButton, .fashionButton').css("opacity", "0.35");
		//$('#panel1, #panel2, #panel3, #panel5').css("opacity", "0.35");
		
		if($("#culinaryInfo").is(":visible")) {
			$('.button').css("opacity", "0.35");
			$('#panel1, #panel2, #panel3, #panel5').css("opacity", "0.35");
		    $('.culinaryButton, #orangeSquare, #panel4').css("opacity", "1");
		} else if($("#culinaryInfo").is(":hidden")) {
		   $('.button').css("opacity", "1");
		   $('#panel1, #panel2, #panel3, #panel5').css("opacity", "1");
		}
	});
	
	$('.eventManagementButton').click(function() {
		$('.info, .square').hide();
		$('#eventManagementInfo, #redSquare').toggle();
		//$('.eventManagementButton, #panel5, #redSquare').css("opacity", "1");
		//$('.designButton, .mediaArtsButton, .fashionButton, .culinaryButton').css("opacity", "0.35");
		//$('#panel1, #panel2, #panel3, #panel4').css("opacity", "0.35");
		
		$('#designInfo, #greenSquare, #fashionInfo, #purpleSquare, #mediaArtsInfo, #blueSquare, #culinaryInfo, #orangeSquare').hide();
		$('#eventManagement, #redSquare').toggle();
		//$('.culinaryButton, #panel4, #orangeSquare').css("opacity", "1");
		//$('.designButton, .mediaArtsButton, .fashionButton').css("opacity", "0.35");
		//$('#panel1, #panel2, #panel3, #panel5').css("opacity", "0.35");
		
		if($("#eventManagementInfo").is(":visible")) {
			$('.button').css("opacity", "0.35");
			$('#panel1, #panel2, #panel3, #panel4').css("opacity", "0.35");
		    $('.eventManagementButton, #redSquare, #panel5').css("opacity", "1");
		} else if($("#eventManagementInfo").is(":hidden")) {
		   $('.button').css("opacity", "1");
		   $('#panel1, #panel2, #panel3, #panel4').css("opacity", "1");
		}
		
		
	});
	
	$('.exit').click(function() {
		$('.info, .square').hide();
		$('#panel1, #panel2, #panel3, #panel4, #panel5').css("opacity", "1");
		$('.button').css("opacity", "1");
	});
	
	
		
			
		if (pathname == "#design") {
			$('.designButton').click();
		} else if (pathname == "#mediaArts") {
			$('.mediaArtsButton').click();
		} else if (pathname == "#fashion") {
			$('.fashionButton').click();
		} else if (pathname == "#culinary") {
			$('.culinaryButton').click();
		} else if (pathname == "#eventManagement") {
			$('.eventManagementButton').click();
		}
		
});

//Phone Formatting

<!-- Begin
var n;
var p;
var p1;
function ValidatePhone(){
p=p1.value
if(p.length==3){
	//d10=p.indexOf('(')
	pp=p;
	d4=p.indexOf('(')
	d5=p.indexOf(')')
	if(d4==-1){
		pp="("+pp;
	}
	if(d5==-1){
		pp=pp+")";
	}
	//pp="("+pp+")";
	document.frmPhone.phone.value="";
	document.frmPhone.phone.value=pp;
}
if(p.length>3){
	d1=p.indexOf('(')
	d2=p.indexOf(')')
	if (d2==-1){
		l30=p.length;
		p30=p.substring(0,4);
		//alert(p30);
		p30=p30+")"
		p31=p.substring(4,l30);
		pp=p30+p31;
		//alert(p31);
		document.frmPhone.phone.value="";
		document.frmPhone.phone.value=pp;
	}
	}
if(p.length>5){
	p11=p.substring(d1+1,d2);
	if(p11.length>3){
	p12=p11;
	l12=p12.length;
	l15=p.length
	//l12=l12-3
	p13=p11.substring(0,3);
	p14=p11.substring(3,l12);
	p15=p.substring(d2+1,l15);
	document.frmPhone.phone.value="";
	pp="("+p13+")"+p14+p15;
	document.frmPhone.phone.value=pp;
	//obj1.value="";
	//obj1.value=pp;
	}
	l16=p.length;
	p16=p.substring(d2+1,l16);
	l17=p16.length;
	if(l17>3&&p16.indexOf('-')==-1){
		p17=p.substring(d2+1,d2+4);
		p18=p.substring(d2+4,l16);
		p19=p.substring(0,d2+1);
		//alert(p19);
	pp=p19+p17+"-"+p18;
	document.frmPhone.phone.value="";
	document.frmPhone.phone.value=pp;
	//obj1.value="";
	//obj1.value=pp;
	}
}
//}
setTimeout(ValidatePhone,100)
}
function getIt(m){
n=m.name;
//p1=document.forms[0].elements[n]
p1=m
ValidatePhone()
}
function testphone(obj1){
p=obj1.value
//alert(p)
p=p.replace("(","")
p=p.replace(")","")
p=p.replace("-","")
p=p.replace("-","")
//alert(isNaN(p))
if (isNaN(p)==true){
alert("Check phone");
return false;
}
}
//  End -->

