<?php echo $header; ?> 
<script type="text/javascript" src="catalog/view/theme/teez/js/cycle.js"></script>
<script type="text/javascript" src="catalog/view/theme/teez/js/uniform.js"></script>
<script type="text/javascript" src="catalog/view/theme/teez/js/custom.js"></script>
<link href="catalog/view/theme/default/template/product/css/previousnext.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="catalog/view/theme/default/template/product/js/previousnext.js"></script>


        <script language="javascript" type="text/javascript">
            $(function() {
                $("#previousnext_slideshow").previousnext_slideshow({
                    slideshow_time_interval: '2000000',
                    slideshow_window_background_color: "#ccc",
                    slideshow_window_padding: '1',
                    slideshow_window_border_size: '1',
                    slideshow_window_border_color: '#999',
                    slideshow_button_style: '1',
                    directory: 'images'
                });
            });
        </script>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
 <!-- <div class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php } ?>
  </div> -->
  
  <div class="product-info">
  <h1 style="border-bottom: 1px solid gray;"><?php echo $heading_title; ?></h1>
  
  <!--
  <?php if ($price) { ?>
		<div class="price" style="text-align: end;margin-right: 285px;margin-bottom: 15px;">
		<?php //echo $text_price; ?>
      	<?php if (!$special) { ?>
        		<?php echo $price; ?>
        <?php } else { ?>
      	  <span class="price-old"><?php echo $price; ?></span> <span class="price-new"><?php echo $special; ?></span>
        <?php } ?>
        <br />
        <?php if ($tax) { ?>
        <span class="price-tax"><?php echo $text_tax; ?> <?php echo $tax; ?></span><br />
        <?php } ?>  
        <?php if ($points) { ?>
        <span class="reward"><small><?php echo $text_points; ?> <?php echo $points; ?></small></span> <br />
        <?php } ?>
        <?php if ($discounts) { ?>
        <br />
        <div class="discount">
          <?php foreach ($discounts as $discount) { ?>
          <?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?><br />
          <?php } ?>
        </div>
        <?php } ?>
      </div>
  <?php } ?>
  
  -->
  
  	<div class="price" style="margin-left:530px;margin-bottom: 15px;">	
    	<div id="newprice"><?php echo   substr($price,0,-3); ?>	</div>
    	<div id="newproductprice" value=''></div>
    	<div id="newproductimage" value=''></div>

	</div>
    <!--
  <?php if ($images) : //Product Thumbnails ?>
    <div class="thumbs">
    	<?php if(count($images) > 4): ?>
            <ul class="thumbBtns">
                <li><a href="javascript:void(0);" class="up">up</a></li>
                <li><a href="javascript:void(0);" class="down">down</a></li>
            </ul>
    	<?php endif; ?>
        <div class="thumbWrap">
                <?php $i=0; foreach ($images as $image) : ?>
					<?php $i++; ?>
                    <div><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox">
						<img id="<?php echo "relImage". $i ; ?>" src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" /></a>
					</div>
                <?php endforeach; ?>
        </div>
    </div>
    <?php endif; ?>
    -->
    <?php if ($thumb || $images) { ?>
    <div class="left">
      <?php if ($thumb) { ?>
        <div id="previousnext_slideshow" class="image previousnext_slideshow"><ul><li><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox">
			<img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image1"/></a></li>
			 <li><a id="image1" href="#" title="#"><img src="http://www.htmldrive.net/images/photos/img1_m.jpg"  alt="image1"/></a></li>
                <li><a id="image1" href="#" title="#"><img src="http://www.htmldrive.net/images/photos/img2_m.jpg" alt="image2"/></a></li>
                <li><a id="image1" href="#" title="#"><img src="http://www.htmldrive.net/images/photos/img3_m.jpg" alt="image3"/></a></li>
                <li><a id="image1" href="#" title="#"><img src="http://www.htmldrive.net/images/photos/img4_m.jpg" alt="image4"/></a></li>
			</ul>
			<ul class="slideshow_nav"><li class="slideshow_nav_previous"></li><li class="slideshow_nav_next"></li></ul>
		</div>
      <?php } ?>
	  </div>

    <?php } ?>
    <div class="right">
      <!--<div class="description">
        <?php if ($manufacturer) { ?>
        <span><?php echo $text_manufacturer; ?></span> <a href="<?php echo $manufacturers; ?>"><?php echo $manufacturer; ?></a><br />
        <?php } ?>
        <span><?php echo $text_model; ?></span> <?php echo $model; ?><br />
        <span><?php echo $text_reward; ?></span> <?php echo $reward; ?><br />
        <span><?php echo $text_stock; ?></span> <?php echo $stock; ?></div
      <?php if ($price) { ?>
      <div class="price"><?php echo $text_price; ?>
        <?php if (!$special) { ?>
        <?php echo $price; ?>
        <?php } else { ?>
        <span class="price-old"><?php echo $price; ?></span> <span class="price-new"><?php echo $special; ?></span>
        <?php } ?>
        <br />
        <?php if ($tax) { ?>
        <span class="price-tax"><?php echo $text_tax; ?> <?php echo $tax; ?></span><br />
        <?php } ?>
        <?php if ($points) { ?>
        <span class="reward"><small><?php echo $text_points; ?> <?php echo $points; ?></small></span> <br />
        <?php } ?>
        <?php if ($discounts) { ?>
        <br />
        <div class="discount">
          <?php foreach ($discounts as $discount) { ?>
          <?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?><br />
          <?php } ?>
        </div>
        <?php } ?>
      </div>
      <?php } ?> -->
		
	  
    <div style="margin-left: 270px;margin-top: -45px !important; border: 0px solid #BBBBBB;min-height: 32px;width:244px">
	
		 <?php if ($metals or $gemstones )   { ?>
		 	
		 <a class="hide1">Customize</a>
		 <a class="hide1" style="display: none" id="donehide">Done Customization</a>
         <?php } ?>
		
	
	
	<div  id="tab1">
	  <div id="accordion1" style="margin-top: 11px;display: none; "class="hide" >
		<?php foreach ($metals as $metal) { ?>
		<h3><a href="#">Metal - <?php echo $metal['metal']; ?></a></h3>
		<div>
			<?php foreach ($metal['metal_available'] as $metal_available) { ?>
				<a class="image-change" style="margin-right: 10px; margin-bottom:10px;text-decoration: none;">	
					<img height="32" width="26" src="<?php echo 'image/'.$metal_available['image']; ?>" alt="<?php echo 'image/'.$metal_available['metal_image']; ?>" id="<?php echo 'M-'.$metal['metal'].'-'.$metal_available['product_metalavail_id'] ; ?>" />
				</a>
			<?php } ?>			<h3 style="margin-left: 90px; width: 113px;"><a href="#">Continue</a></h3>
		</div>
		<?php } ?>
		<?php foreach ($gemstones as $gemstone) { ?>
		<h3><a href="#">Gemstone - <?php echo $gemstone['gem']; ?></a></h3>
		<div>
			<?php foreach ($gemstone['gemstone_available'] as $gemstone_available) { ?>
				<a class="image-change" style="margin-right: 10px; margin-bottom:10px;text-decoration: none;">
                    <img height="26" width="26" src="<?php echo 'image/'.$gemstone_available['image1']; ?>" alt="<?php echo 'image/'.$gemstone_available['image']; ?>" id="<?php echo 'G-'.$gemstone['gem'].'-'.$gemstone_available['product_gemavail_id'] ; ?>" /> 
				</a>
			<?php } ?>      <h3 style="margin-left: 90px; width: 113px;"><a href="#">Continue</a></h3>
		</div>
		<?php } ?>
	  </div>
	</div>
	</div>
	  <?php if ($options) { ?>
      <div class="options">
        <h2><?php echo $text_option; ?></h2>
        <br />
        <?php foreach ($options as $option) { ?>
        <?php if ($option['type'] == 'select') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <select name="option[<?php echo $option['product_option_id']; ?>]">
            <option value=""><?php echo $text_select; ?></option>
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
            </option>
            <?php } ?>
          </select>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'radio') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <?php foreach ($option['option_value'] as $option_value) { ?>
          <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
          <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
          </label>
          <br />
          <?php } ?>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'checkbox') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <?php foreach ($option['option_value'] as $option_value) { ?>
          <input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
          <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
          </label>
          <br />
          <?php } ?>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'image') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
            <table class="option-image">
              <?php foreach ($option['option_value'] as $option_value) { ?>
              <tr>
                <td style="width: 1px;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
                <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
                <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                    <?php if ($option_value['price']) { ?>
                    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                    <?php } ?>
                  </label></td>
              </tr>
              <?php } ?>
            </table>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'text') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" />
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'textarea') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <textarea name="option[<?php echo $option['product_option_id']; ?>]" cols="40" rows="5"><?php echo $option['option_value']; ?></textarea>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'file') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <a id="button-option-<?php echo $option['product_option_id']; ?>" class="button"><span><?php echo $button_upload; ?></span></a>
          <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" value="" />
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'date') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="date" />
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'datetime') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="datetime" />
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'time') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="time" />
        </div>
        <br />
        <?php } ?>
        <?php } ?>
      </div>
      <?php } ?>
	  
	  
	  
	  
      <div style="margin-left: 270px;margin-top: 17px; ">
        <div><!--<?php echo $text_qty; ?>
          <input type="text" name="quantity" size="2" value="<?php echo $minimum; ?>" />-->
          <input type="hidden" name="quantity" size="2" value="<?php echo $minimum; ?>" />
          <input type="hidden" name="product_id" id="product_id" size="2" value="<?php echo $product_id; ?>" />
          &nbsp;<a id="button-cart" class="button1"><img src="catalog/view/theme/default/image/addtocart.png"/></a></div><br>
       <!-- <div><span>&nbsp;&nbsp;&nbsp;<?php echo $text_or; ?>&nbsp;&nbsp;&nbsp;</span></div><br>-->
        <div><a id="button-cart" class="button1" onclick="addToWishList('<?php echo $product_id; ?>');" ><img src="catalog/view/theme/default/image/addtowishlist.png"/></a></div>
        <?php if ($minimum > 1) { ?>
        <div class="minimum"><?php echo $text_minimum; ?></div>
        <?php } ?>
      </div>
      <?php if ($review_status) { ?>
      <div class="share"> 
          <!-- Start Shareaholic Sexy Bookmark HTML-->
<div class="shr_class shareaholic-show-on-load" style="margin-left: 210px;">

</div>
<!-- End Shareaholic Sexy Bookmark HTML -->
<!-- Start Shareaholic Sexy Bookmark settings -->
<script type="text/javascript">
var SHRSB_Settings = {"shr_class":{"src":"http://www.tresorjewellery.com.au/image/share/","link":"","service":"5,7,88,74,313","apikey":"0747414f47c2b684cf5480c36b2478689","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","twitter_template":"${title} - ${short_link} via @Shareaholic"}};
var SHRSB_Globals = {"perfoption":"1"};
</script>
<!-- End Shareaholic Sexy Bookmark settings -->
<!-- Start Shareaholic Sexy Bookmark script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-sb.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sexy Bookmark script --> 
        </div>
      
      <?php } ?>
    </div>
  </div>
  <div style="text-align: center;">
  <?php echo $content_bottom; ?>
  </div>
  <div id="tabs1" class="htabs" style="margin-top:7px"><a href="#tab-description"><?php echo $tab_description; ?></a>
    <?php if ($attribute_groups) { ?>
    <a href="#tab-attribute"><?php echo $tab_attribute; ?></a>
    <?php } ?>
    <?php if ($review_status) { ?>
    <a href="#tab-review"><?php echo $tab_review; ?></a>
    <?php } ?>
    
  </div>
  <div id="tab-description" class="tab-content"><?php echo $description; ?></div>
  <?php if ($attribute_groups) { ?>
  <div id="tab-attribute" class="tab-content">
    <table class="attribute">
      <?php foreach ($attribute_groups as $attribute_group) { ?>
      <thead>
        <tr>
          <td colspan="2"><?php echo $attribute_group['name']; ?></td>
        </tr>
      </thead>
      <tbody>
        <?php foreach ($attribute_group['attribute'] as $attribute) { ?>
        <tr>
          <td><?php echo $attribute['name']; ?></td>
          <td><?php echo $attribute['text']; ?></td>
        </tr>
        <?php } ?>
      </tbody>
      <?php } ?>
    </table>
  </div>
  <?php } ?>
  <?php if ($review_status) { ?>
  <div id="tab-review" class="tab-content">
    <div id="review"></div>
    <h2 id="review-title"><?php echo $text_write; ?></h2>
    <b><?php echo $entry_name; ?></b><br />
    <input type="text" name="name" value="" />
    <br />
    <br />
    <b><?php echo $entry_review; ?></b>
    <textarea name="text" cols="40" rows="8" style="width: 98%;"></textarea>
    <span style="font-size: 11px;"><?php echo $text_note; ?></span><br />
    <br />
    <b><?php echo $entry_rating; ?></b> <span><?php echo $entry_bad; ?></span>&nbsp;
    <input type="radio" name="rating" value="1" />
    &nbsp;
    <input type="radio" name="rating" value="2" />
    &nbsp;
    <input type="radio" name="rating" value="3" />
    &nbsp;
    <input type="radio" name="rating" value="4" />
    &nbsp;
    <input type="radio" name="rating" value="5" />
    &nbsp; <span><?php echo $entry_good; ?></span><br />
    <br />
    <b><?php echo $entry_captcha; ?></b><br />
    <input type="text" name="captcha" value="" />
    <br />
    <img src="index.php?route=product/product/captcha" alt="" id="captcha" /><br />
    <br />
    <div class="buttons">
      <div class="right"><a id="button-review" class="button"><span><?php echo $button_continue; ?></span></a></div>
    </div>
  </div>
  <?php } ?>

  <?php if ($tags) { ?>
  <div class="tags"><b><?php echo $text_tags; ?></b>
    <?php foreach ($tags as $tag) { ?>
    <a href="<?php echo $tag['href']; ?>"><?php echo $tag['tag']; ?></a>,
    <?php } ?>
  </div>
  <?php } ?>
  </div>
<script type="text/javascript"><!--
$('.fancybox').fancybox({cyclic: true});
//--></script> 
<script type="text/javascript"><!--
$('#donehide').bind('click', function() {
	//metal_number= $(this).find("img").attr('id') ;
	newproductprice= $('#newproductprice').attr('value');
	newproductimage= $('#newproductimage').attr('value'); 
	//alert(newproductimage);
	$.ajax({
		url: 'index.php?route=product/product/newproduct&product_id=<?php echo $product_id; ?>',
		type: 'post',
		dataType: 'json',		
		data: 'newproductimage='+ encodeURIComponent(newproductimage) + '&newproductprice=' + encodeURIComponent(newproductprice),  
		success: function (json) {
			$('#product_id').attr('value', json['product_id'] );
		}
	});
});
//--></script> 
<script type="text/javascript"><!--
$('.image-change').bind('click', function() {
//$('#notification').after('<div class="attention"><img src="catalog/view/theme/default/image/loading.gif" alt="" /> <?php echo 'Applying... Please Wait!'; ?></div>');
$('#notification').after('<div id="fancybox-loading" style="display: block; "><div style="top: -200px; "></div></div>');
	x= $(this).find("img").attr('alt') ;
	metal_number= $(this).find("img").attr('id') ;
	//alert(x);
	$.ajax({
		url: 'index.php?route=product/product/imagechange&product_id=<?php echo $product_id; ?>',
		type: 'post',
		dataType: 'json',		
		data: 'myimg='+ encodeURIComponent(x) + '&metal_number=' + encodeURIComponent(metal_number),  
		success: function (json) {
			$('#image1').attr('src', json['newimage'] );
			$('#newproductprice').attr('value', json['prdcost'] );
			$('#newproductimage').attr('value', json['newimage'] );
			view1=json['newimage'].replace(".jpg", "1.jpg");
			view2=json['newimage'].replace(".jpg", "2.jpg");
			
			$('#relImage1').attr('src', view1 );
//			$('#relImage1').attr('src', view1 );
//			view1=json['newimage'].replace(".jpg", "1.jpg");


			
	//		$('#image1').attr('src', json['newimage'] );
			$('#newprice').html( json['product_cost'] ); 

//			alert(json['newimage']);
//			alert($('#image1').attr('src'));
//			$('#image').html('<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="'+ json['newimage'] +'" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image1" /></a>');
				$('.attention').remove();
				$('#fancybox-loading').remove();
		}
	});
});
//--></script> 
<script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
	
	$.ajax({
		url: 'index.php?route=checkout/cart/update',
		type: 'post',
		data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
		dataType: 'json',
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
			
			if (json['error']) {
				if (json['error']['warning']) {
					$('#notification').html('<div class="warning" style="display: none;">' + json['error']['warning'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
				
					$('.warning').fadeIn('slow');
				}
				
				for (i in json['error']) {
					$('#option-' + i).after('<span class="error">' + json['error'][i] + '</span>');
				}
			}	 
						
			if (json['success']) {
				$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
					
				$('.success').fadeIn('slow');
					
				$('#cart_total').html(json['total']);
				
				$('html, body').animate({ scrollTop: 0 }, 'slow'); 
			}	
		}
	});
});
//--></script>
<?php if ($options) { ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/ajaxupload.js"></script>
<?php foreach ($options as $option) { ?>
<?php if ($option['type'] == 'file') { ?>
<script type="text/javascript"><!--
new AjaxUpload('#button-option-<?php echo $option['product_option_id']; ?>', {
	action: 'index.php?route=product/product/upload',
	name: 'file',
	autoSubmit: true,
	responseType: 'json',
	onSubmit: function(file, extension) {
		$('#button-option-<?php echo $option['product_option_id']; ?>').after('<img src="catalog/view/theme/default/image/loading.gif" class="loading" style="padding-left: 5px;" />');
	},
	onComplete: function(file, json) {
		$('.error').remove();
		
		if (json.success) {
			alert(json.success);
			
			$('input[name=\'option[<?php echo $option['product_option_id']; ?>]\']').attr('value', json.file);
		}
		
		if (json.error) {
			$('#option-<?php echo $option['product_option_id']; ?>').after('<span class="error">' + json.error + '</span>');
		}
		
		$('.loading').remove();	
	}
});
//--></script>
<?php } ?>
<?php } ?>
<?php } ?>
<script type="text/javascript"><!--
$('#review .pagination a').live('click', function() {
	$('#review').slideUp('slow');
		
	$('#review').load(this.href);
	
	$('#review').slideDown('slow');
	
	return false;
});			

$('#review').load('index.php?route=product/product/review&product_id=<?php echo $product_id; ?>');

$('#button-review').bind('click', function() {
	$.ajax({
		type: 'POST',
		url: 'index.php?route=product/product/write&product_id=<?php echo $product_id; ?>',
		dataType: 'json',
		data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
		beforeSend: function() {
			$('.success, .warning').remove();
			$('#button-review').attr('disabled', true);
			$('#review-title').after('<div class="attention"><img src="catalog/view/theme/default/image/loading.gif" alt="" /> <?php echo $text_wait; ?></div>');
		},
		complete: function() {
			$('#button-review').attr('disabled', false);
			$('.attention').remove();
		},
		success: function(data) {
			if (data.error) {
				$('#review-title').after('<div class="warning">' + data.error + '</div>');
			}
			
			if (data.success) {
				$('#review-title').after('<div class="success">' + data.success + '</div>');
								
				$('input[name=\'name\']').val('');
				$('textarea[name=\'text\']').val('');
				$('input[name=\'rating\']:checked').attr('checked', '');
				$('input[name=\'captcha\']').val('');
			}
		}
	});
});
//--></script> 
<script type="text/javascript">
			$(function(){
				// Accordion
				$("#accordion").accordion({ header: "h3"  });
				$("#accordion1").accordion({ header: "h3" });
			});
		</script>
  <script type="text/javascript">
  $(document).ready(function(){
    
    $('#tabs3 a').tabs();	
  });
  </script>
<script type="text/javascript"><!--
$('#tabs a').tabs();
$('#tabs1 a').tabs();
//--></script> 
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript"><!--
if ($.browser.msie && $.browser.version == 6) {
	$('.date, .datetime, .time').bgIframe();
}

$('.date').datepicker({dateFormat: 'yy-mm-dd'});
$('.datetime').datetimepicker({
	dateFormat: 'yy-mm-dd',
	timeFormat: 'h:m'
});
$('.time').timepicker({timeFormat: 'h:m'});
//--></script> 
<style>


.hide1 {
	background: none repeat scroll 0 0 #5EB1D9;
    border: 1px solid #3593C0;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'adelle',Georgia,'Times New Roman',Times,serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 -10px;
    overflow: visible;
    padding: 7px 21px 3px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px #4B8EAE;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
	text-align: left;height: 20px;
	width: 200px;
}

.hide1:hover {
	background: none repeat scroll 0 0 #48A0CB;
    border-color: #2883AF;
    color: #FFFFFF;
}
.show_hide1 {
	background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    color: #9D4242;
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    
    overflow: visible;
    padding: 7px 21px 3px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
	text-align: left;height: 20px;
	width: 200px;
	margin-bottom: -10px;
}

.show_hide1:hover {
	background: none repeat scroll 0 0 #DDF3FE;
    border-color: #BBBBBB;
    color: #9D4242;
}

</style>
<script type="text/javascript">
function replace( hide, show ) {
  document.getElementById(hide).style.display="none";
  document.getElementById(show).style.display="block";
}

</script>
<script language="javascript">
    function divHideShow(divToHideOrShow) 
    {
        var div = document.getElementById(divToHideOrShow);

        if (div.style.display == "block") 
        {

            div.style.display = "none";
        }
        else 
        {

            div.style.display = "block";
        }

        
    }         
</script>
<script>
$(".hide1").click(function () {
      $(".hide").slideToggle("slow");
    });
$(".hide1").click(function () {
$(".hide1").toggle();
});
</script>
<?php echo $footer; ?>