<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--[if !IE]>-->
<base href="/">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JERZEES Dri-Power 50/50 Pocket T-Shirt - CRANE</title>
<meta name="description" content="JERZEES Dri-Power 50/50 Pocket T-Shirt - CRANE">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="includes/styles.css"  rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,600,700">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&display=swap" rel="stylesheet"> 	
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">		
<link rel="stylesheet" href="includes/demo.css?ver=3.4.0">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="includes/hc-offcanvas-nav.js?ver=3.4.0"></script>
<!-- mobile includes -->
<link rel="stylesheet" href="lightgallery/css/lightgallery.css" />	
<link rel="stylesheet" media="screen and (min-width: 0px) and (max-width: 599px)" href="includes/mobile.css?8" />
<link rel="stylesheet" media="screen and (min-width: 600px) and (max-width: 799px)" href="includes/tablet.css?8"/>
<link rel="stylesheet" media="screen and (min-width: 800px)" href="includes/desktop.css?8" />	
<script type="text/javascript" src="includes/responsivemultimenu.js"></script>
<link rel="stylesheet" href="includes/responsivemultimenu.css" type="text/css"/>
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<style>
   .implicit_template_table div.col_attribute_label {
        display: inline-block;
    }
    @media screen and (min-width: 600px) {
        .implicit_template_table div.col_attribute_label {
            display: none;
        }
    }
</style>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<div class="header-mobile">
	<div class="header-mobile-logos"><a href="/"><img src="images/kobelco-logo.png" alt="Kobelco Online Store"></a></div>
      <header>
        <div class="wrapper cf">
          <nav id="main-nav">
            <ul class="first-nav">
              <li class="search">
                <div class="form-container">
                  <form class="search-form" action="/search.i" method=get><input type="hidden" name="cmd" value="search">
					<table cellspacing="0" cellpadding="0" border="0"><tr><td><input type="text" name="search" placeholder="Search"></td><td><input type="image" src="images/mobile-icons/search-button.png"></td></tr></table></di> 
                  </form>
                </div>
              </li>
            </ul>
            <ul class="second-nav">
              <li class="home"><a href="/">Home</a></li>
			  <li class="store">
                <a href="#" onclick="return false;">Products</a>
                <ul>
                  <li><a href="/CoBrand_Merch">Co-Brand Merch</a></li>
                  <li><a href="/Apparel">Apparel</a></li>
                  <li><a href="/Apparel">Promo</a></li>
                  <li><a href="/Bags">Bags</a></li>
                  <li><a href="/Headwear">Headwear</a></li>
                  <li><a href="/Scale_Models">Scale Models</a></li>
                  <li><a href="/Brochures">Brochures</a></li>
                  <li><a href="/Drinkware">Drinkware</a></li>
                  <li><a href="/Jobsite">Jobsite</a></li>
                  <li><a href="/Kids">Kids</a></li>
                  <li><a href="/Outdoor__Leisure">Outdoor & Leisure</a></li>
                  <li><a href="/Gift_Kits">Gift Kits</a></li>
                </ul>
              </li>				  
              <li class="myaccount"><a href="/My_Account">Log In</a></li>
              <li class="myaccount"><a href="/Cart">View Cart</a></li>
              <li class="contactus"><a href="/Contact_Us">Contact Us</a></li>
            </ul>
          </nav>
         <table width="100%" cellpadding="5" cellspacing="5" border="0" class="mobile-table">
		 <tr>
		 <td><a class="toggle"><span></span></a></td>
		 		 </tr></table>
        </div>
      </header>
      <script>
        (function($) {
          var $main_nav = $('#main-nav');
          var $toggle = $('.toggle');
          var defaultData = {
            maxWidth: false,
            customToggle: $toggle,
            navTitle: 'All Categories',
            levelTitles: true,
            pushContent: '#container',
            insertClose: 2
          };
          // add new items to original nav
          $main_nav.find('li.add').children('a').on('click', function() {
            var $this = $(this);
            var $li = $this.parent();
            var items = eval('(' + $this.attr('data-add') + ')');
            $li.before('<li class="new"><a>'+items[0]+'</a></li>');
            items.shift();
            if (!items.length) {
              $li.remove();
            }
            else {
              $this.attr('data-add', JSON.stringify(items));
            }
            Nav.update(true);
          });
          // call our plugin
          var Nav = $main_nav.hcOffcanvasNav(defaultData);
          // demo settings update
          const update = (settings) => {
            if (Nav.isOpen()) {
              Nav.on('close.once', function() {
                Nav.update(settings);
                Nav.open();
              });
              Nav.close();
            }
            else {
              Nav.update(settings);
            }
          };
          $('.actions').find('a').on('click', function(e) {
            e.preventDefault();
            var $this = $(this).addClass('active');
            var $siblings = $this.parent().siblings().children('a').removeClass('active');
            var settings = eval('(' + $this.data('demo') + ')');
            update(settings);
          });
          $('.actions').find('input').on('change', function() {
            var $this = $(this);
            var settings = eval('(' + $this.data('demo') + ')');
            if ($this.is(':checked')) {
              update(settings);
            }
            else {
              var removeData = {};
              $.each(settings, function(index, value) {
                removeData[index] = false;
              });
              update(removeData);
            }
          });
        })(jQuery);
      </script>
</div>
<div class="header-pc">
	<div class="header-inner">
    	<div class="logo-1"><a href="/"><img src="images/kobelco-logo.png" alt="Kobelco Online Store"/></a></div>
		<div class="header-right-cart"><a href="/Cart"><img src="images/cart-icon-grey-white.png" border="0"></a></div>
		<div class="header-right-login" style="padding-top:30px"><a href="http://kobelco.epromo.com/signup.i"><strong>Log In</strong></a></div>
		<div class="header-right-search">
			<div class="search-field-wrapper">
				<div class="search-row"><form action="search.i" method=get><input type="hidden" name="cmd" value="quick"><input name="search" type="text" class="search-field" placeholder="Search"/></form></div>
			</div>  
		</div>
        <div style="clear:both"></div>
    </div>
</div>
<div class="navbar-wrapper">
	<div class="navbar-inner">
		<div class="navbar">
        <navigation>
            <a href="/">HOME</a>
            <a href="/Products">PRODUCTS</a>
			<a href="/My_Account">MY ACCOUNT</a>
            <a href="/Contact_Us">CONTACT US</a>
        </navigation>
		</div>
	</div>
</div>
<div class="content-area">
	<div class="content-inner">
    	<div class="content-left">
        	<div class="leftnav-top">CATEGORIES</div>
            <div class="leftnav-bottom"><!-- mergeleftnav --><span id="links_catnavLink">
<a href="http://kobelco.epromo.com/CoBrand_Merch" class="navlinksmall">Co-Brand Merch</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Gift_Kits" class="navlinksmall">Gift Kits</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Apparel" class="navlinksmall">Apparel</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Promo" class="navlinksmall">Promo</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Bags" class="navlinksmall">Bags</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Headwear" class="navlinksmall">Headwear</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Scale_Models" class="navlinksmall">Scale Models</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Brochures" class="navlinksmall">Brochures</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Drinkware" class="navlinksmall">Drinkware</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Jobsite_" class="navlinksmall">Jobsite </a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Kids" class="navlinksmall">Kids</a></span>
<span id="links_catnavLink">
<a href="http://kobelco.epromo.com/Outdoor__Leisure" class="navlinksmall">Outdoor & Leisure</a></span>
<!-- end mergeleftnav --></div>
        </div>
        <div class="content-right">
<style>::-webkit-scrollbar {
  width: 30px;
}</style>
<!--
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript">
</script>
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js" type="text/javascript">
</script>
<link href="/lib/image_gallery/js/jquery_thumb_scroller/jquery.thumbnailScroller.css" rel="stylesheet" type="text/css" />
<!-- jquery mobile -->
<link rel="stylesheet" href="https://code.jquery.com/jquery-1.11.3.min.js">
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">
</script>
<script type="text/javascript" src="lightgallery/js/lightgallery.min.js">
</script>
<style type="text/css">
#Overlay {
	background: #ccc;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000px;
}
#Modal {
	border: 0 none;
	left: 50%;
	margin-left: -200px;
	margin-top: -225px;
	position: fixed;
	top: 50%;
	z-index: 1001px;
}
#Modal .close-icon {
	display: block;
	left: 95%;
	position: relative;
	top: -470px;
	z-index: 1002px;
}
a.outer-next-btn {
	display: inline-block !important;
	margin-top: 18px;
	text-decoration: none;
	vertical-align: top;
}
a.outer-prev-btn {
	display: inline-block !important;
	margin-top: 18px;
	text-decoration: none;
	vertical-align: top;
}
</style>
<script language="javascript" type="text/javascript">
$(document).ready(
	function()
	{
		$('.logoimage').draggable(
			{
				cursor: 'move',        // sets the cursor apperance
				containment: '#drg', 
				stop : function(){}
			}
		);
	}
);
<!--
// flag to enforce a maximum qty when ordering a product
var enforcemax = 0;
// flag to allow ordering without sufficent inventory
var allowwithoutinventory = 1;
// flag to display total qty of inventory
var displayinventory = 0;
// flag to display the inventory in the cateogyr
var category_display_inventory = false;
// alerted flag
var alerted = false;
// flag for a user just hitting the enter key and not unfocusing off a field
var form_checked = false;
// must read terms and disclosures.
var must_read_terms_and_disclosures = false;
// recalculate(style_id) - check each product/style on this page
// called with a quantity on a product/style is changed
// maximum orderable quantity
var max_order_qty = 0;
var out_of_stock_message = '';
var only_display_out_of_stock_with_inventory = false;
function recalculate(style_id, caller)
{
	// get actual qty value
	// var changed = document.forms.cartForm['qty_'+style_id];
	var quantity_element_name = 'qty_' + style_id;
	var elements = document.getElementsByName(quantity_element_name);
	if ( elements.length == 0 ) { return; }
	var changed = elements[0];
	new_value = parseInt(changed.value);
	if ( isNaN(new_value) ) 
	{
		new_value = 0;
	}
	// get minimum qty value
	var total_qty_breaks = 0;
	// do not check total product quantities
	if ( total_qty_breaks )
	{
		form_checked = false;
		check_inventory(style_id);
		return false;
	}
	// minimum and maximum product/style quantities
	var total_qty_min = 1;
	var total_qty_max = 1;
	var min = document.forms.cartForm['min_' + style_id].value;
	if ( total_qty_breaks ) { min = total_qty_min; }
	var min_value = parseInt(min);
	// check current qty against minimum qty
	if ( new_value && new_value < min_value )
	{
		// they need to buy more
		alert("The minimum quantity you must order of this style is "+ min_value +".\nPlease increase the quantity you are ordering for this style to be equal to or greater than this amount before continuing.");
		//document.forms.cartForm['qty_' + style_id].focus();
		return false;
	}
	// get maximum value
	var max = document.forms.cartForm['max_'+ style_id].value;
	var max_value = parseInt(max);
	if (max_value < 0) {
		max_value = 0;
	}
	var enforce_specials_inventory = false;
	// check if qty is > maximum qty	
	if ( new_value && new_value > max_value )
	{
		if ( allowwithoutinventory || enforce_specials_inventory )
		{
			// backordering will still happen as necessary behind the scenes if
			// displayinventory is off, we just don't tell them, because they're
			// not supposed to know.
			if ( enforce_specials_inventory || ( displayinventory && category_display_inventory ) )
			{
				// product/style will be backordered.
				if ( max_value > 0 && !alerted && ( enforcemax || enforce_specials_inventory ) )
				{
					alert("The maximum quantity you are allowed to order of this style is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
					document.forms.cartForm['qty_' + style_id].focus();
					form_checked = false;
					return false;
				}
				else if ( max_value <= 0 && document.forms.cartForm['inventory_alert_' + style_id].value == 0  )
				{
					if ( document.forms.cartForm['qty_' + style_id].value > 0 ) {				
						if ( out_of_stock_message ) {
							alert(out_of_stock_message);
						}
						else {
							if ( enforce_specials_inventory )
							{
                                        			alert("The maximum quantity you are allowed to order of this style is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
							}
							else if ( only_display_out_of_stock_with_inventory == false )
							{
								alert("The available inventory in stock for this style is " + max_value + "\nAny pieces ordered over this amount will be placed on backorder.");
							}
							else
							{
								alert("Items in stock soon. Current not in stock.");
							}
						}
					}
					form_checked = false;
					document.forms.cartForm['inventory_alert_' + style_id].value = 1;
					return true;
				}
			}
			else if ( document.forms.cartForm['inventory_alert_' + style_id].value == 0 )
			{
				form_checked = false;
				document.forms.cartForm['inventory_alert_' + style_id].value = 1;
				return true;
			}
		}
		if (
			enforce_specials_inventory
			||
			(
				! allowwithoutinventory &&
			 	! enforcemax &&
			 	! alerted &&
				category_display_inventory
			)
		)
		{
			alert("The available inventory that can be ordered is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
			document.forms.cartForm['qty_' + style_id].focus();
			form_checked = false;
			return false;
		}
		else if ( ( enforce_specials_inventory || ( ! allowwithoutinventory ) ) && enforcemax )
		{
			alert("The maximum quantity that can be ordered for this style is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
			document.forms.cartForm['qty_' + style_id].focus();
			form_checked = false;
			return false;
		}
	}
	// now that we've corrected whatever they may have input, put the
	// verified value into the input
	if (new_value == 0) 
	{
		new_value = '';
	}
	changed.value = new_value;
}
/*
 * checkForm()
 */
var special_order_minimum_qty = 0;
var available = 44;
function checkForm()
{
	// check total product quantities in this function
	// add up products/styles
		var total = 0, minqty = 0, max_inventory_total = 0;
		var styles = {};
		for (i = 0; i < document.forms.cartForm.elements.length; i++)
		{
			var name = document.forms.cartForm.elements[i].name;
			var value = document.forms.cartForm.elements[i].value;
			var parts = name.split('_');
			if (/^qty_/.test(name))
			{
				value = parseInt(value);
				if (isNaN(value)) value = 0;
				if ( value != 0 )
				{
					var style_id = parts[1];
					styles[style_id] = value;
				}
				total += value;
			}
			if (/^max_/.test(name) )
			{
				value = parseInt(value);
				if (isNaN(value)) value = 0;
				max_inventory_total += value;
			}
		}
		// force a qty
		if (total == 0)
		{
			alert("Please enter a quantity to add to the cart.");
			return false;
		}
		var ava = 44;
		if ( special_order_minimum_qty > 0 && total < special_order_minimum_qty && ava == 0 )
		{
			alert('Minimum Qty Not Met');
			return false;
		}
		// todo minimum quantity parsing
		// get minimum value
		var total_qty_breaks = 0;
		var total_qty_min = 1;
		var total_qty_max = 1;
		var inventory_value = max_inventory_total;
		var min, max;
		if (total_qty_breaks) {min = total_qty_min;}
		if ( total_qty_breaks) { max = total_qty_max; }
		// we using total product quantities
		if ( total_qty_breaks )
		{
			// Check for Minimum Quantity
			if (total < min)
			{
				// they need to buy more
				alert("The minimum quantity you must order of this product is "+ min +".\nPlease increase the total quantity you are ordering for this product to be equal to or greater than this amount before continuing.");
				return false;
			}
			// enforcemax, allowwithoutinventory, displayinventory
			if ( total > max && enforcemax )
			{
				alert("The maximum quantity that can be ordered for this product is "+ max +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
				return false;
			}
			else if ( total > inventory_value && !allowwithoutinventory && category_display_inventory )
			{
				alert("The available inventory that can be ordered for this product is " + inventory_value + ".\nPlease reduce the total quantity you are ordering for this product to be equal to or less than this amount before continuing.");
				return false;
			}
		}
	// 	merge in inventory array
	// iterate through this array and check on each minimum maximum value
	if ( ! total_qty_breaks )
	{
		var inventories = new Array();
		inventories[0]=8944924;
inventories[1]=8944925;
inventories[2]=8944926;
inventories[3]=8944927;
inventories[4]=8944928;
inventories[5]=8944929;
		if ( form_checked == true )
		{
			alerted = 1;
		}
		else
		{
			alerted = 0;
		}
		for ( var i = 0; i < inventories.length; i++)
		{
			if ( recalculate(inventories[i], "checkform") == false )
			{
				return false;
			}
		}
	}
	// check maximum orderable quantity.
	if ( max_order_qty > 0 ) {
		if ( total > max_order_qty ) {
			alert('You have exceeded the maximum quantity: ' + max_order_qty  + ' for this product.  Please reduce the quantity your ordering.');
			return false;
		}
	}
	// warn about terms and conditions not being read
	// if this product has terms and conditions.
	if ( must_read_terms_and_disclosures == true ) {
		var termsAndConditionsCheckBox = document.getElementById('read_terms_and_disclosures');
		if ( ! termsAndConditionsCheckBox.checked ) {
			window.alert('You must agree to the terms and check the associated box before you may continue.');
			return false;		
		}
	}
	unHighLightPersonalizations();
	var allRequiredChecked = highLightUnCheckedRequiredPersonalizations()
	if ( ! allRequiredChecked ) {
		alert('Missing required personalizations.  Please fill in required personalizations highlited in red to continue.');
		return false;
	}
		// call system to see if adding to the cart is allowed
	// by the cart rules ( min, max, etc )
	var passed = true;
	var max_purchase_restriction = true;
	var min_purchase_restriction = true;
	if ( max_purchase_restriction || min_purchase_restriction ) {
		$.ajax(
			{
				type: 'POST',
				url: 'cart.i',
				dataType: 'json',
				data: {
					cmd: 'is_cart_items_rules_passed',
					cspid: 5328550,
					qty: total,
					styles: styles,
					ignore: 'minimum'
				},
				success: function(response) {
					//
					if ( response['cartItemsRulesPassed'] == 'false' ) {
						alert(response['cartItemsRulesErrorMessage']);
						passed = false;
					}
				},
				error: function() { alert("Could not check cart rules."); passed = false; },
				complete: function(){},
				async: false
			}
		);
	}
	return passed;
}
var personalizationNames = [];
var requiredPersonalizations = {  };
function unHighLightPersonalizations()
{
	for( var i = 0; i < personalizationNames.length; i++ ) {
		var personalizationName = personalizationNames[i];
		highlightPersonalization(personalizationName, '#000000');
	}
}
function highLightUnCheckedRequiredPersonalizations()
{
	var uncheckedRequiredPersonalizations = findUncheckedRequiredPersonlizations();
	var allChecked = true;
	if ( uncheckedRequiredPersonalizations.length > 0 ) {
		allChecked = false;
	}
	for ( var i = 0; i < uncheckedRequiredPersonalizations.length; i++ ) {
		var personalizationFormName = uncheckedRequiredPersonalizations[i];
		highlightPersonalization(personalizationFormName, '#FF0000');		
	}
	return allChecked;
}
function findUncheckedRequiredPersonlizations()
{
	// foreach personalization in this products personalizations
	// if the personalization is required but not checked
	var unCheckedRequiredPersonalizations = new Array();
	for ( var i = 0; i < personalizationNames.length; i++ ) {
		var name = personalizationNames[i];
		if ( requiredPersonalizations[name] ) {
			var elements = document.getElementsByName(name);
			var element = elements[0];
			if ( ! personalizationFilledOut(element) ) {
				unCheckedRequiredPersonalizations.push(name);
			}
		}
	}
	return unCheckedRequiredPersonalizations;
}
function personalizationFilledOut(element)
{
	if ( element.nodeName == 'SELECT' ) {
		var selectedIndex = element.options.selectedIndex;
		if ( selectedIndex == 0 ) {
			return false;
		}
		else {
			return true;
		}
	}
	else {
		if ( element.value == '' ) { 
			return false;
		}
		else {
			return true;
		}
	}
}
function highlightPersonalization(name, color)
{
	var elements = document.getElementsByName(name);
	var element = elements[0];
	element.style.borderColor = color;
}
/*
 * check_inventory(style_id) - check only inventory
 */
function check_inventory(style_id)
{
	// get actual qty value
	var changed = document.forms.cartForm['qty_' + style_id];
	var new_value;
	if ( changed ) {
		new_value = parseInt(changed.value);
	}
	if (isNaN(new_value)) new_value = 0;
	// get maximum inventory qty or maximum qty value
	var max_value = document.forms.cartForm['max_' + style_id].value;
	max_value = parseInt(max_value);
	if ( isNaN(max_value) ) max_value = 0;
	if ( new_value > max_value )
	{
		if ( allowwithoutinventory && document.forms.cartForm['inventory_alert_' + style_id].value == 0  )
		{
			if ( displayinventory && category_display_inventory )
			{
				alert("The available inventory that can be ordered for this style is " + max_value + ". Any pieces ordered over this amount will be placed on backorder.");
			}
			else
			{
				//alert("You have ordered more than the available inventory for this product. Some pieces will be placed on backorder.");
			}
			form_checked = false;
			document.forms.cartForm['inventory_alert_' + style_id].value = 1;
			return true;
		}
		else if ( !allowwithoutinventory && category_display_inventory )
		{
			alert("The available inventory that can be ordered for this style is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
			document.forms.cartForm['qty_'+ style_id].focus();
			form_checked = false;
			return false;
		}
	}
	else
	{
		return true;
	}
}
/*
 * Disable "Enter" key in Form script- By Nurul Fadilah(nurul@REMOVETHISvolmedia.com)
 * This notice must stay intact for use
 * Visit http://www.dynamicdrive.com/ for full source code
 */
function handleEnter (field, event)
{
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
	if ( keyCode == 13 ) {
		var i;
		for (i = 0; i < field.form.elements.length; i++)
			if (field == field.form.elements[i])
				break;
		i = (i + 1) % field.form.elements.length;
		alert("Please press the \"Add to Cart\" button to submit this form");
		return false;
	}
	else
	{
		return true;
	}
}
//-->
</script>
<!-- j-query script includes -->
<!-- script src="scripts/jquery/jquery-1.4.4.js" type="text/javascript"></script -->
<!-- script src="scripts/jquery/jquery.expander.js" type="text/javascript"></script -->
<script type="text/javascript">
// options to expandable text regions/area on this page.
//$(document).ready(function() {
         // simple example, using all default options
         //$('div.expandable').expander();  
//});
function popitup(url) {
	newwindow=window.open(url,'name','height=600,width=600');
	if (window.focus) {newwindow.focus()}
	return false;
}
$(document).ready(
	function()
	{
		// make all product logos draggable
		$('.productlogo').draggable(
			{
				cursor: 'move',        // sets the cursor apperance
				containment: '#drg', 
				stop : function(){
					var offset = $(this).offset();
					var xPos = Math.abs(offset.left);
					var yPos = Math.abs(offset.top);
					alert(xPos);
					alert(yPos);
				}
			}
		);
	}
);
</script>
</script>
<div class="large_screen_div">
<div style="font-size: 13px;">
</div>
<table role="presentation" width="100%" role="presentation" border="0" cellspacing="0" cellpadding="5" id="productheader">
		<tr>
			<td style="padding-left:15px;">
				<h1></h1>
<!--
				<div style="font-size:24px; font-weight:bold;" id="category_name"> <h1></h1></div>
-->
			</td>
		</tr>
		<tr>
			<td valign="top">
				<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td width="100%" background="images/headers/headerstretch.jpg">
							<img src="images/shell/transparentPixel.gif" width="1" height="1">
						</td>
						<td valign="top"><img src="images/headers/headerend.jpg"></td>
					</tr>
				</table>
			</td>
		</tr>
</table>
</div>
<form action="cart.i" method="post" name="cartForm" id="cartForm" onsubmit="return checkForm();">
<input type="hidden" name="cmd" value="addtocart">
<input type="hidden" name="cspid" value="5328550">
<input type="hidden" name="referer" value="">
<input type="hidden" name="catid" value="19:1">
<br />
<table width="100%" class="add_to_cart_table" border="0" cellspacing="0" cellpadding="10" style="margin: 5px;">
	<tr>
	  <td align="center" valign="top" class="add_item_image_column">
		<p>
				<a  style="display: inline-block; font-size: 10px; text-align: center;" href="#" onclick="getProductGallery(); return false;"><span style="display: inline-block; height: 400px;"><img id="MedImage" style="max-width: 400px; max-height: 400px;" src="https://media.epromo.com/media/83906/companystores/1002224350822/prodimages/KOB-054_big.jpg?0.103127584598166" alt="" border="0"></span><br />
<img width="15" height="15" border="0" align="middle" alt="" src="images/icons/magnify.gif">View Large Image</a>
			</p>
			<!-- <span class="bodytext"><a href="#" onclick="return popitup('https://media.epromo.com/media/83906/companystores/1002224350822/prodimages/KOB-054_big.jpg')">View Large Image</a></span> <br /> -->
			SKU: KOB-054
		</td>
		<td valign="top" id="add_item_content_column" style="border:#999 solid 1px; background-image:url(images/icons/prod-grad-back.jpg); background-repeat:repeat-x; padding:15px; background-color:#ffffff;">
		<!-- ok this table column contains both sections below close up the space between the lower and upper sections -->
		<div id="product_productwrapper2" style="width: 100%; display: inline-block;">
			<span style="font-size: 20px; color: #000; font-weight: bold;" id="product_productname">JERZEES Dri-Power 50/50 Pocket T-Shirt - CRANE</span><br />
			<b id="product_productsku">SKU: KOB-054</b><br /><br />
			<div class="small_screen_div med_screen_div">
<p>
    <a  style="display: inline-block; font-size: 10px; text-align: center;" href="#" class="view_large_image" onclick="return false;""><span style="display: inline-block; height: 200px;"><img id="MedImage" style="max-width: 200px; max-height: 200px;" src="https://media.epromo.com/media/83906/companystores/1002224350822/prodimages/KOB-054_big.jpg?0.103127584598166" alt="" border="0"></span><br /><img width="15" height="15" border="0" align="middle" alt="" src="images/icons/magnify.gif">View Large Image</a>
			<script type="text/javascript">
			$(document).ready(
				function()
				{
					$('.view_large_image').click(function(){
    $(this).lightGallery({
        dynamic:true,
        mobileSrc:true,
        dynamicEl:[
        {
        "src":"https://media.epromo.com/media/83906/companystores/1002224350822/prodimages/KOB-054/187735_KOB-054.jpg",
        "thumb":"https://media.epromo.com/media/83906/companystores/1002224350822/prodimages/KOB-054/187735_KOB-054_sm.jpg",
        "mobileSrc":"https://media.epromo.com/media/83906/companystores/1002224350822/prodimages/KOB-054/187735_KOB-054.jpg"
        }
        	]
	    }
	);
	}
);
				}
			);
			</script>
</p>
<!-- <span class="bodytext"><a href="#" onclick="return popitup('https://media.epromo.com/media/83906/companystores/1002224350822/prodimages/KOB-054_big.jpg')">View Large Image</a></span> <br /> -->
SKU: KOB-054
<br />
			</div>
			<div style="color: red; font-size: 1.3em;"></div>
			<span class="bodytext" id="product_productdescription"><div class="expandable"></div></span>
			<br />
 			<div class="productnotes">Product Notes: <ul><li><span style="font-family: Arial; font-size: 12pt;">5.4 oz./yd, 50/50 cotton/polyester</span></li><li><span style="font-family: Arial; font-size: 12pt;">Advanced moisture-management performance</span></li><li><span style="font-family: Arial; font-size: 12pt;">Five-point left chest pocket</span></li><li><span style="font-family: Arial; font-size: 12pt;">Shoulder-to-shoulder taping</span></li><li><span style="font-family: Arial; font-size: 12pt;">Double-needle stitched sleeves, bottom hem and front neck</span></li><li><span style="font-family: Arial; font-size: 12pt;">1x1 ribbed seamless collar</span></li><li><span style="font-family: Arial; font-size: 12pt;">Quarter-turned to eliminate center crease</span></li><li><span style="font-family: Arial; font-size: 12pt;">Tear away label</span></li></ul><div><font face="Verdana"><span style="font-size: 13.3333px;"><img src="https://media.epromo.com/media_server_company_root/83906/companystores/1002224350822/builder/images/blackcrane.png" width="550" height="146" alt="" /><br /></span></font></div> </div>
		</div>
		<!-- add product_tablecell to all of this tables rows -->
		<table border="0" cellpadding="0" cellspacing="0" class="tablecell2">
		<tr>
			<td id="product_tablecell">
			<table border="0" cellpadding="0" cellspacing="0" width="100%" class="tablecell">
			<tr>
				<td colspan="2" align="left" id="product_tablecell">
					<table>
						<tr>
							<td align="left">
								<br />
			<div>
			<table cellpadding="1" cellspacing="0" border="0" class="tablecell2" style="border: 1px solid black;">
				<tr>
					<td class="th1" id="product_tablecell">
				<table cellspacing="0" cellpadding="3" border="0" class="tablecell">
					<tr>
						<td class="th2" id="product_tablecell">&nbsp;<b>Style</b>&nbsp;</td>
						<td class="th2" align="right" id="product_tablecell">&nbsp;<b>Available</b>&nbsp;</td>
						<td class="th2" id="product_tablecell">&nbsp;<b>Price</b>&nbsp;</td>
						<td class="th2" id="product_tablecell">&nbsp;<b>Quantity</b>&nbsp;</td>
					</tr>
					<tr>
						<td class="td3" id="product_tablecell">&nbsp;<b>Small</b>&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;5&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;$19.39&nbsp;</td>
						<td class="td3" id="product_tablecell"><input type="hidden" name="max_8944924" value="5" />
						<input type="hidden" name="min_8944924" value="1" />&nbsp;
						<input type="hidden" name="inventory_alert_8944924" value="0" />
						<input class="i3" type="text" name="qty_8944924" onkeypress="return handleEnter(this, event)" onblur="return recalculate(8944924, 'qty_field');" style="width: 35px" />&nbsp;</td>
					</tr>
					<tr>
						<td class="td3" id="product_tablecell">&nbsp;<b>Medium</b>&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;10&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;$19.39&nbsp;</td>
						<td class="td3" id="product_tablecell"><input type="hidden" name="max_8944925" value="10" />
						<input type="hidden" name="min_8944925" value="1" />&nbsp;
						<input type="hidden" name="inventory_alert_8944925" value="0" />
						<input class="i3" type="text" name="qty_8944925" onkeypress="return handleEnter(this, event)" onblur="return recalculate(8944925, 'qty_field');" style="width: 35px" />&nbsp;</td>
					</tr>
					<tr>
						<td class="td3" id="product_tablecell">&nbsp;<b>Large</b>&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;12&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;$19.39&nbsp;</td>
						<td class="td3" id="product_tablecell"><input type="hidden" name="max_8944926" value="12" />
						<input type="hidden" name="min_8944926" value="1" />&nbsp;
						<input type="hidden" name="inventory_alert_8944926" value="0" />
						<input class="i3" type="text" name="qty_8944926" onkeypress="return handleEnter(this, event)" onblur="return recalculate(8944926, 'qty_field');" style="width: 35px" />&nbsp;</td>
					</tr>
					<tr>
						<td class="td3" id="product_tablecell">&nbsp;<b>XL</b>&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;3&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;$19.39&nbsp;</td>
						<td class="td3" id="product_tablecell"><input type="hidden" name="max_8944927" value="3" />
						<input type="hidden" name="min_8944927" value="1" />&nbsp;
						<input type="hidden" name="inventory_alert_8944927" value="0" />
						<input class="i3" type="text" name="qty_8944927" onkeypress="return handleEnter(this, event)" onblur="return recalculate(8944927, 'qty_field');" style="width: 35px" />&nbsp;</td>
					</tr>
					<tr>
						<td class="td3" id="product_tablecell">&nbsp;<b>2XL</b>&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;7&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;$24.68&nbsp;</td>
						<td class="td3" id="product_tablecell"><input type="hidden" name="max_8944928" value="7" />
						<input type="hidden" name="min_8944928" value="1" />&nbsp;
						<input type="hidden" name="inventory_alert_8944928" value="0" />
						<input class="i3" type="text" name="qty_8944928" onkeypress="return handleEnter(this, event)" onblur="return recalculate(8944928, 'qty_field');" style="width: 35px" />&nbsp;</td>
					</tr>
					<tr>
						<td class="td3" id="product_tablecell">&nbsp;<b>3XL</b>&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;7&nbsp;</td>
						<td class="td3" align="right" id="product_tablecell">&nbsp;$26.94&nbsp;</td>
						<td class="td3" id="product_tablecell"><input type="hidden" name="max_8944929" value="7" />
						<input type="hidden" name="min_8944929" value="1" />&nbsp;
						<input type="hidden" name="inventory_alert_8944929" value="0" />
						<input class="i3" type="text" name="qty_8944929" onkeypress="return handleEnter(this, event)" onblur="return recalculate(8944929, 'qty_field');" style="width: 35px" />&nbsp;</td>
					</tr>
				</table>
					</td>
				</tr>
			</table>
			</div>
							</td>
							<td>
								&nbsp;
								<products_in_package>
								<div style="margin-left: 20px;">
								</div>
								</products_in_package>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
			</td>
		</tr>
	</table>
	<table border="0" cellpadding="0" cellspacing="0" width="100%" class="terms_and_disclosures">
		<tr>
			<td valign="top" class="bodytext" colspan="3" id="product_tablecell">
					<br />
					<div>
					</div>
						<input type="image" src="images/icons/add-cart-btn.gif" alt="Add To Cart" border="0" />
				<p class="bodytext shopping_cart_directions">
					<b><i>* The information you submit will be added to your shopping cart and displayed for your approval before checkout.</i></b>
				</p>
			</td>
		</tr>
	</table>
	</td>
	</tr>
</table>
</form>
<div id="productGalleryContainer" style="display: none">
	<ul class="product-gallery">
	</ul>
</div>
<script language="javascript">	
	var galleryLoaded = false;
	var primay_image_order = 0;
	var imagepath = 'https://media.epromo.com/media/83906/companystores/1002224350822/prodimages/KOB-054/';
        $(document).ready(
                function(){
                     $('body').append('<div id="Overlay" class="ui-widget-shadow" style="display: none;"></div>');
                }
        );	
	//adjust image scroller width;
	var imgScrollerWidth = 100;
	var imageCount = 0;
	$('#ts2 div.jTscroller a').each(function(){
		imgScrollerWidth += 50;
		imageCount++;
	});
	$('#ts2 div.jTscrollerContainer').css('width',imgScrollerWidth +'px');
	function getProductGallery()
	{
		var url = 'product.i?cmd=get_product_gallery&cspid=5328550&id=5';
		$('body').append('<div id="Modal"></div>');
		$('#Modal').html('<iframe style="overflow: hidden;" scrolling="no" allowtransparency="true" width="500" height="600" frameborder="0" class="view_large_image_iframe" src="' + url + '"></iframe>');
		$('#Overlay').css('display', 'block');
		$('#Overlay').click(function(){
			hideProductImageGallery();
		});
		$('#Modal').css('z-index', 1000);
	}
	function hideProductImageGallery(){
		$('#Modal').remove();
		$('#Overlay').css('display', 'none');
	}
	function changeMedImage(linkObj){
		var image_name = $(linkObj).attr('imgname');
		$('#MedImage').attr('src', imagepath + image_name + '.jpg');
		ImageOrder = $(linkObj).attr('listorder');
	}
	function showLogoPlacements()
	{
		var form 	= document.forms.cartForm;
		var index 	= form['pmid'].selectedIndex;
		var pmid 	= form['pmid'].options[index].value;
	}
	//set thumbscroller controls
	var jTscroller = $('#ts2 div.jTscroller');
	var left = 0;
	var startingLeft = left;
	var scrollpix = startingLeft
	var clickCount = 0;
	var ImageOrder = primay_image_order;
	function clickScrollerNextBtn(){
		if(clickCount < imageCount){
			scrollpix += -40;
			$('#ts2 div.jTscroller').css('left', scrollpix + 'px');
			clickCount += 1;
			if(clickCount > imageCount){clickCount = imageCount;}
		}
		//advance Image
		ImageOrder++;
		if(ImageOrder <  imageCount){
			var linkObj = $('#ts2').find('a[listorder="' + ImageOrder + '"]');
			changeMedImage(linkObj);
		}else{
			ImageOrder = imageCount;
		}
	}
	function clickScrollerPrevBtn(){
		if(clickCount > 0){
			scrollpix += 40;
			$('#ts2 div.jTscroller').css('left', scrollpix + 'px');
			clickCount -= 1;
			if(clickCount < 0){clickCount = 0;}
		}
		ImageOrder--;
		if(ImageOrder >=  0){
			var linkObj = $('#ts2').find('a[listorder="' + ImageOrder + '"]');
			changeMedImage(linkObj);
		}else{
			ImageOrder = 0;
		}
	}
</script>
      </div>
      <div style="clear:both"></div>
      </div>
    </div>
<div style="clear:both"></div>
<div class="footer"><img src="images/kobelco-logo.png" alt="Kobelco Online Store" width="150"><br><script type="text/javascript">
  document.write(new Date().getFullYear());
</script> Copyright KOBELCO. All Rights Reserved.</div>
</body>
</html>
