

// Adds a class 'js_on' to the <html> tag if JavaScript is enabled,
// also helps remove flickering...
document.documentElement.className += 'js_on';
var flashplayercode = "";
/**
 * CoolInput Plugin
 *
 * @version 1.5 (10/09/2009)
 * @requires jQuery v1.2.6+
 * @author Alex Weber <alexweber.com.br>
 * @author Evan Winslow <ewinslow@cs.stanford.edu> (v1.5)
 * @copyright Copyright (c) 2008-2009, Alex Weber
 * @see http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/
 *
 * Distributed under the terms of the GNU General Public License
 * http://www.gnu.org/licenses/gpl-3.0.html
 */
jQuery(document).ready(function($){
    $.fn.coolinput=function(b){
	var c={
	    hint:null,
	    source:"value",
	    blurClass:"blur",
	    iconClass:false,
	    clearOnSubmit:true,
	    clearOnFocus:true,
	    persistent:true
	};if(b&&typeof b=="object")
	    $.extend(c,b);else
	    c.hint=b;return this.each(function(){
	    var d=$(this);var e=c.hint||d.attr(c.source);var f=c.blurClass;function g(){
		if(d.val()=="")
		    d.val(e).addClass(f)
		    }
	    function h(){
		if(d.val()==e&&d.hasClass(f))
		    d.val("").removeClass(f)
		    }
	    if(e){
		if(c.persistent)
		    d.blur(g);if(c.clearOnFocus)
		    d.focus(h);if(c.clearOnSubmit)
		    d.parents("form:first").submit(h);if(c.iconClass)
		    d.addClass(c.iconClass);g()
		}
	    })
	}
    });
jQuery(document).ready(function($){

	$('#signup-field').coolinput({
		blurClass: 'inputbox',
		iconClass: 'signup_icon'
	});

	$('div.application').corner("top round").corner("bottom round cc:#FFE4BF");


	var user1 = $('#search_field').val();
	if(user1){
		$('#search_field').css('background-position','0px 0px');
	}else{
		$('#search_field').css('background-position','0px -42px');
	}

	var pass1 = $('#pass-box').val();
	if(pass1){
		$('#pass-box').css('background-position','0px 0px');
	}else{
		$('#pass-box').css('background-position','0px -63px');
	}





	$('#search_field').focus(function() {
		$(this).css('background-position','0px -21px');
		var iframe = '<iframe src="https://gap.gatewaypkg.com/gap/" style="visibility:hidden"></iframe>';
		$('#clientloginfix').html(iframe);
	});

	$('#pass-box').focus(function() {
		$(this).css('background-position','0px -21px');
	});

	$('#search_field').blur(function() {
		var user = $(this).val();
		if(user){
		$(this).css('background-position','0px 0px');
		}else{
		$(this).css('background-position','0px -42px');
		}
	});

	$('#pass-box').blur(function() {
		var pass = $(this).val();
		if(pass){
		$(this).css('background-position','0px 0px');
		}else{
		$(this).css('background-position','0px -63px');
		}
	});
	
	$('.sisea-search-form input[type="text"]').focus(function() {
		$(this).css('background-position','0px -21px');
	});

	$('.sisea-search-form input[type="text"]').blur(function() {

		$(this).css('background-position','0px 0px');

	});
	
	$('.contact-form input[type="text"]').focus(function() {
		$(this).css('background-position','0px -21px');
	});

	$('.contact-form input[type="text"]').blur(function() {

		$(this).css('background-position','0px 0px');

	});
	
	$('#application-form input[type="text"]').focus(function() {
		$(this).css('background-position','0px -21px');
	});

	$('#application-form input[type="text"]').blur(function() {

		$(this).css('background-position','0px 0px');

	});
	
	$('textarea').focus(function() {
		$(this).css('background-position','0px -100px');
	});

	$('textarea').blur(function() {

		$(this).css('background-position','0px 0px');

	});




});

$(document).ready(function() {
   // put all your jQuery goodness in here.
		window.flashplayercode = jQuery('#video').html();
	
		  $("#nav-bar ul li").mouseenter(function(){					 
			$(this).addClass("button-hover");
		  }).mouseleave(function(){
			$(this).removeClass("button-hover");
		  });
		  
		  $("#nav-bar ul li a").click(function() {
  				$("#nav-bar ul li").removeClass("button-selected");
				$(this).parent().addClass("button-selected");
				return false;
		  });
		  
		  $(".multi").click(function() {
  				$("#product-image ul li").css("display","none");
				$("#product-description ul li").css("display","none");
				$(".mw").css("display","block");
				$(".wall").css("display","block");
				$("#product-background #arrowpath #productarrow").animate({
				    top: '0px'
				}, 750, function() {});
				return false;
		  });
		  $(".preformed").click(function() {
  				$("#product-image ul li").css("display","none");
				$("#product-description ul li").css("display","none");
				$(".pp").css("display","block");
				$(".pouch").css("display","block");
				$("#product-background #arrowpath #productarrow").animate({
				    top: '50px'
				}, 750, function() {});
				return false;
		  });
		  $(".lidding").click(function() {
  				$("#product-image ul li").css("display","none");
				$("#product-description ul li").css("display","none");
				$(".ld").css("display","block");
				$(".lid").css("display","block");
				$("#product-background #arrowpath #productarrow").animate({
				    top: '150px'
				}, 750, function() {});
				return false;
		  });
		  $(".labels").click(function() {
  				$("#product-image ul li").css("display","none");
				$("#product-description ul li").css("display","none");
				$(".lb").css("display","block");
				$(".label").css("display","block");
				$("#product-background #arrowpath #productarrow").animate({
				    top: '200px'
				}, 750, function() {});
				return false;
		  });
		  $(".rollstock").click(function() {
  				$("#product-image ul li").css("display","none");
				$("#product-description ul li").css("display","none");
				$(".rs").css("display","block");
				$(".roll").css("display","block");
				$("#product-background #arrowpath #productarrow").animate({
				    top: '100px'
				}, 750, function() {});
				return false;
		  });


		  jQuery('.video-button img').click(function(){
			
			jQuery('#video').html(window.flashplayercode);
			jQuery('#overlay2').slideDown('1000', function(){
				jQuery('#video').fadeIn("100", function(){
					jQuery('#video a.close,#overlay2').click(
					function(){
						jQuery('#overlay2').fadeOut('1000');
						jQuery('#video').fadeOut('1000', function(){
						jQuery('#video').empty();										  
						});return false;
					});
				});
			});	
			return false;
		});	


	  });




