<link rel="stylesheet" href="http://www.oc1.5demo.ocmodz.co.uk/ebay/template/default/default.css" type="text/css" media="all" />
<div id="ebay-container">
<img src="http://www.oc1.5demo.ocmodz.co.uk/image/data/ebay/oc15demo-header.jpg" class="ebay-header" alt="Header Image" />
<div class="ebay-listing">
<h1>Canon EOS 5D</h1>
<h3>15% Off While Stocks Last !</h3>
<br />
<div class="ebay-main-image">
<img src="http://www.oc1.5demo.ocmodz.co.uk/image/data/demo/canon_eos_5d_1.jpg" alt="Product Image - Canon EOS 5D" />
</div>
<p>Canon's press material for the EOS 5D states that it 'defines (a) new D-SLR category', while we're not typically too concerned with marketing talk this particular statement is clearly pretty accurate. The EOS 5D is unlike any previous digital SLR in that it combines a full-frame (35 mm sized) high resolution sensor (12.8 megapixels) with a relatively compact body (slightly larger than the EOS 20D, although in your hand it feels noticeably 'chunkier'). The EOS 5D is aimed to slot in between the EOS 20D and the EOS-1D professional digital SLR's, an important difference when compared to the latter is that the EOS 5D doesn't have any environmental seals. While Canon don't specifically refer to the EOS 5D as a 'professional' digital SLR it will have obvious appeal to professionals who want a high quality digital SLR in a body lighter than the EOS-1D. It will also no doubt appeal to current EOS 20D owners (although lets hope they've not bought too many EF-S lenses...) äë</p>
</div>
<div class="ebay-listing">
<div id="ebay-tabs" class="not-mobile">
<ul>
<li><a id="ebay-tab-1-tab" class="ebay-active" onclick="ebayTabs('ebay-tab-1')">Shipping</a></li>
<li><a id="ebay-tab-2-tab" class="" onclick="ebayTabs('ebay-tab-2')">Payment</a></li>
<li><a id="ebay-tab-3-tab" class="" onclick="ebayTabs('ebay-tab-3')">Returns</a></li>
<li><a id="ebay-tab-4-tab" class="hidden" onclick="ebayTabs('ebay-tab-4')"></a></li>
<li><a id="ebay-tab-5-tab" class="hidden" onclick="ebayTabs('ebay-tab-5')"></a></li>
</ul>
</div>
<h2 class="mobile">Shipping</h2>
<div id="ebay-tab-1">
<p>Enter your shipping information here.</p>
<p>There are five information tabs to use just as you wish. Simply edit the Tab name and put any relevant information in the description box.</p>
<p>You don"t have to use all five. Simply leave any Tab Name blank and that tab won"t appear on the ebay page.</p>
</div>
<h2 class="mobile">Payment</h2>
<div id="ebay-tab-2" class="hidden">
<p>Enter your Payment Details Here</p>
</div>
<h2 class="mobile">Returns</h2>
<div id="ebay-tab-3" class="hidden">
<p>You"ve got it !</p>
<p>Your returns information goes here</p>
</div>
<h2 class="mobile"></h2>
<div id="ebay-tab-4" class="hidden">
<p>This tab won"t display because there is nothing in the Tab Name box</p>
</div>
<h2 class="mobile"></h2>
<div id="ebay-tab-5" class="hidden">
</div>
</div>
<div class="ebay-listing">
<div class="ebay-footer">
<p style="text-align: center;font-family:times new roman,times,serif;"><em>Ebay Listing Tool for Opencart by justcurious.</em></p>
</div>
</div>
</div>
<script>
function ebayTabs(tab) {
var tabs = ["ebay-tab-1", "ebay-tab-2", "ebay-tab-3", "ebay-tab-4", "ebay-tab-5"];
var i;
for (i = 0; i < tabs.length; ++i) {
var tabHead = tabs[i] + '-tab';
var elem = document.getElementById(tabs[i]);
var th = document.getElementById(tabHead);
if(tabs[i] == tab) {
// elem.style.display = 'block';
removeClass(elem, 'hidden');
addClass(th, 'ebay-active');
} else {
// elem.style.display = 'none';
addClass(elem, 'hidden');
removeClass(th, 'ebay-active');
}
}
}
function addClass(element, classToAdd) {
var currentClassValue = element.className;
if (currentClassValue.indexOf(classToAdd) == -1) {
if ((currentClassValue == null) || (currentClassValue === "")) {
element.className = classToAdd;
} else {
element.className += " " + classToAdd;
}
}
}
function removeClass(element, classToRemove) {
var currentClassValue = element.className;
if (currentClassValue == classToRemove || (currentClassValue == null) || (currentClassValue === "")) {
element.className = "";
return;
}
var classValues = currentClassValue.split(" ");
var filteredList = [];
for (var i = 0 ; i < classValues.length; i++) {
if (classToRemove != classValues[i]) {
filteredList.push(classValues[i]);
}
}
element.className = filteredList.join(" ");
}
</script> |
