$(document).ready(function()
{

$('.default-value').each(function() {
    var default_value = this.value;
    $(this).focus(function() {
        if(this.value == default_value) {
            this.value = '';
        }
    });
    $(this).blur(function() {
        if(this.value == '') {
            this.value = default_value;
        }
    });
});




//hide the all of the element with class msg_body
	$(".msg_body").hide();
	//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked 
	$("#sidemenu div.msg_head").click(function()
    {
		$(this).next("div.msg_body").slideToggle(400).siblings("div.msg_body").slideUp("slow");	
	});
	//slides the element with class "msg_body" when mouse is over the paragraph
	$("#secondpane p.msg_head").mouseover(function()
    {
	     $(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
	});
});



//DISJOINTED ROLLOVERS USING BUTTON NAVIGATION AND IMAGES FADING IN AND OUT
$(document).ready(function(){
  $('#underbottomdetail3').hide();

$('#dotoggle').click(function() {
    $('#underbottomdetail3').slideToggle(400);
    return false;
  });
});



$(document).ready(function(){	
$("#slider").easySlider();
});	

$.swapImage(".swapImageDisjoint", true, true, "click");

$(function() {
$(".main_menu").hover(
function() { $("#headerbg").show(); },
function() { $("#headerbg").hide(); }
);
}); 

$(document).ready(function(){
//disjointed rollover function starting point
$("div#bottleback img").click(function(){
	//make a variable and assign the hovered id to it
	var elid = 'bback';
	//hide the image currently there
	$("div#bottles div").hide();
	//fade in the image with the same id as the selected buttom
	$("div#bottles div#" + elid + "").fadeIn("slow");

	});

});

$(document).ready(function(){
//disjointed rollover function starting point
$("div#bottlefront img").click(function(){
	//make a variable and assign the hovered id to it
	var elid = 'bfront';
	//hide the image currently there
	$("div#bottles div").hide();
	//fade in the image with the same id as the selected buttom
	$("div#bottles div#" + elid + "").fadeIn("slow");

	});

});



$(document).ready(function(){
//disjointed rollover function starting point
$("div#casesbottom div").hover(function(){
	//make a variable and assign the hovered id to it
	var elid = $(this).attr('id');
	//hide the image currently there
	$("div#casestop div").hide();
	//fade in the image with the same id as the selected buttom
	$("div#casestop div#" + elid + "").fadeIn("slow");

	});

});