$(document).ready(function() {

  //$("#adminPanel").draggable({cursor: "move"});
  
  $("#hideLeftCol").click(function() {
    hideLeftCol("#leftCol", "#contentCol");
    return( false );
  });
  
  $("#validateClick").click(function() {
    validate();
    
    return( false );
  });
  
  $("#wideClick").click(function() {
    changeWidth( 1000, 300 );
    return( false );
  });
    
  $("#slimClick").click(function() {
    changeWidth( 840, 200 );
    return( false );
  });
    
  $("#hideHeader").click(function() {
    $("#head").hide();
    return( false );
  });
  
  
  $(".floatRightIcon").css("cursor", "pointer");
  
  $(".hideParent").click(function() {
    $(this).parent().hide(500);
    return( false );
  });
  
  $(".add").click(function() {
    $(this).parent().find("div.tube").append( "<p>Lorem ipsum dolor sit amet consectetuer et nulla Lorem justo accumsan. Semper semper risus mauris netus et faucibus eget molestie in id. Tellus interdum fermentum est porttitor tellus aliquet id pellentesque pretium eget. Aenean lorem nulla mus pellentesque et et condimentum non Vestibulum libero. Convallis consequat non tristique feugiat Sed rutrum nibh Integer amet nascetur. Ante Aliquam.</p>" );
    return( false );
  });
  
   $(".up").click(function() {
    $(this).parent().find("div.tube").html( "" );
    return( false );
  });
  
  $("#centerClick").click(function() {
    $("#main").css("margin", "0 auto");
    $("#main").css("margin-bottom", "-25px");
    $("#footer").css("margin", "0 auto");
    return( false );
  });
  
  $("#leftClick").click(function() {
    $("#main").css("margin", "0");
    $("#main").css("margin-bottom", "-25px");    
    $("#footer").css("margin", "0");
    return( false );
  });
     
  $("#hideIcons").click(function() {
    $(".add").toggle();
    $(".up").toggle();
    $(".delete").toggle();
    return( false );
  }); 
      
  $("#showBg").click(function() {
    $("body").css("background", "url('images/page/bg/desktop.jpg')");
    return( false );
  });
   
   
});


function hideLeftCol( leftColId, contentColId ) {
    $(leftColId).hide(500);
    $(contentColId).animate({ marginLeft: "0px"}, 500 );
    
}

function validate(){
  window.open('http://validator.w3.org/check?uri=' + document.URL,'validation','width=800','height=500');  
}

function changeWidth( mainWidth, leftCol ){
  $("#leftCol").css( "width", leftCol + "px" );
  $("#contentCol").css( "margin-left", leftCol + "px" );
  $("#leftCol").css( "margin-left", "-" + mainWidth + "px" );
  $("#main").css( "width", mainWidth + "px" );
  $("#footer").css( "width", mainWidth + "px" );  
  $("#leftCol").show( );
}