// JavaScript Document

$(document).ready( function() {
														
// setup page														
	$("#webjam").addClass("startbody");		
	$("#header").hide();
	$("#footer").hide();
	$("#footeradvert").hide();	
	$("#headertitle").hide();	
	$("#headertitlelight").hide();		
	$("#content").hide();	
	$("#contentabout").hide();	
	$("#contentimage").hide();	
	$("#contentbody").hide();
	$("#blogroll").hide();					
	$("#sidebarblogroll").hide();				
	$("#sidebaradvert1").hide();	
	$("#sidebaradvert2").hide();	
	$("#sidebaradvert3").hide();	
	$("#sidebaradvert4").hide();	
	$("#sidebaradvert5").hide();	
	$("#sidebaradvert5a").hide();	
	$("#sidebaradvert6").hide();
	$("#finalbanner").hide();	
	$("#music").hide();	
// Control 0 - kill blog
	$("#control li#c0").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c0").click(function (event) {
						$("#webjam").removeClass("startbody");																								
						$("#webjam").addClass("clearbody");		
						$("#control li#c0").hide();								
	})

// Control 1	-table cells
	$("#control li#c1").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c1").click(function (event) {
						$("table").addClass("showborder");
						$("td").addClass("showborder");						
						$("th").addClass("showborder");						
						$("#control li#c1").hide();														
	})
// control 2  - content 1
	$("#control li#c2").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c2").click(function (event) {
						$("#tablecontent").addClass("contentback");											
						$("#control li#c2").hide();																																		
	})
// control 3 - content 2
	$("#control li#c3").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c3").click(function (event) {	
																									
						$("#content").show();														
						numContentHeight = $('#content').height();
						$("td#tablecontent").css("height", numContentHeight );	
						$("#control li#c3").hide();																																	
	})	
// control 4 - content 3
	$("#control li#c4").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c4").click(function (event) {
						$("#content").addClass("contentformat");		
						numContentHeight = $('#content').height();
						$("td#tablecontent").css("height", numContentHeight+20 );							
						$("#control li#c4").hide();																																	
	})		
// control 5 - content 4
	$("#control li#c5").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c5").click(function (event) {
						$("#content").empty();						
						$("#content").append("<img src='i/contenttext.png'>");
						numContentHeight = $('#content').height();
						$("td#tablecontent").css("height", numContentHeight );	
						$("td#header").css("height", 200 );	
						$("#control li#c5").hide();																																	
	})			
// control 6 header back
	$("#control li#c6").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c6").click(function (event) {
  					$("#header").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
							fx:			300
						});																			
						$("#header").show();
						$("#control li#c6").hide();																					
	})
// control 7  sidebar blogroll move
	$("#control li#c7").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c7").click(function (event) {
						$("#blogroll").Draggable({ 
								ghosting:	true,
								opacity:	0.5,
								fx:			300
							});		
						$("#blogroll").show();													
						$("#control li#c7").hide();																											
	})
// control 8 - blog roll style
	$("#control li#c8").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c8").click(function (event) {
						$("#tablesb1").addClass("blogrollstyle");		
						$("#blogroll").addClass("blogrollstyle");
						$("#control li#c8").hide();																											
	})
// control 9 - header title
	$("#control li#c9").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c9").click(function (event) {
  					$("#headertitle").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
							fx:			300
						});																			
						$("#headertitle").show();																			
						$("#control li#c9").hide();																											
	})
// control 10  - header lightning
	$("#control li#c10").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c10").click(function (event) {
  					$("#headertitlelight").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
						});																			
						$("#headertitlelight").show();																				
						$("#control li#c10").hide();																											
	})

// control 11  - side bar background fill 
	$("#control li#c11").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c11").click(function (event) {
						$("#tablesb2").addClass("sidebarback");																				
						$("#control li#c11").hide();																																	
	})
// control 12 sidebar advert #1 
	$("#control li#c12").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c12").click(function (event) {
  					$("#sidebaradvert1").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
						});																			
						$("#sidebaradvert1").show();	
						$("#control li#c12").hide();																																	
	})	
// control 13 sidebar advert #2 
	$("#control li#c13").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c13").click(function (event) {
  					$("#sidebaradvert2").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
						});																			
						$("#sidebaradvert2").show();	
						$("#control li#c13").hide();																																	
	})		
// control 14  sidebar advert #3 
	$("#control li#c14").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c14").click(function (event) {
  					$("#sidebaradvert3").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
						});																			
						$("#sidebaradvert3").show();	
						$("#control li#c14").hide();																																	
	})	
// control 15  sidebar advert #4 
	$("#control li#c15").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c15").click(function (event) {
  					$("#sidebaradvert4").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
						});																			
						$("#sidebaradvert4").show();	
						$("#control li#c15").hide();																																	
	})		
// control 16  sidebar advert #5 
	$("#control li#c16").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c16").click(function (event) {
  					$("#sidebaradvert5").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
						});																			
						$("#sidebaradvert5").show();	
  					$("#sidebaradvert5a").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
						});																			
						$("#sidebaradvert5a").show();							
						$("#control li#c16").hide();																																	
	})
// control 17  sidebar advert #6 
	$("#control li#c17").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c17").click(function (event) {
  					$("#sidebaradvert6").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
						});																			
						$("#sidebaradvert6").show();	
						$("#control li#c17").hide();																																	
	})
// control 18 music
	$("#control li#c18").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c18").click(function (event) {
						$("#music").Draggable({ });	
//						$("param.musicplay").removeAttr("value");
//						$("param.musicplay").attr({value: "false"});
						$("#music").show();	
						$("#control li#c18").hide();																																	
	})	
// control 19 footer mailbox
	$("#control li#c19").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c19").click(function (event) {
						$("#footeradvert").Draggable({ 
							ghosting:	true,
							opacity:	0.5,
							fx:			300
						});																			
						$("#footeradvert").show();													
						$("#control li#c19").hide();																																	
	})		

// control 21 - KILL TABLES 
	$("#control li#c21").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c21").click(function (event) {
						$("table").removeClass("showborder");
						$("td").removeClass("showborder");						
						$("th").removeClass("showborder");	
						$("#control li#c21").hide();																																	
	})		
// Dragables 
	function () {

	}	
// control 22 - Final BaCKGROUND
	$("#control li#c22").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c22").click(function (event) {
						$("#webjam").addClass("mainbackground");		
						$("#control li#c22").hide();																																	
	})	
// control 23 - WEB 3.0 
	$("#control li#c23").hover(function (event) {
						$(this).removeClass("defaultcursor");																			
						$(this).addClass("handcursor");
	},function(){
						$(this).removeClass("handcursor");
						$(this).addClass("defaultcursor");
	})											
	$("#control li#c23").click(function (event) {
						
						$("#finalbanner").addClass("bannerlocator");
						$('#finalbanner').fadeIn("slow");
						$("#finalbanner").addClass("bannerblink");
						$("#control li#c23").hide();																																	
	})			
// Dragables 
	function () {

	}
})