Cufon.replace('.font');
Cufon.replace('.font-med');
Cufon.replace('.title');
Cufon.replace('.subtitle');
Cufon.replace('.promoCode');
Cufon.replace('.card-note');
Cufon.replace('.card-type');
Cufon.replace('#cta-redeem h5');
Cufon.replace('h3 a.link-arrow');
Cufon.replace('#block-icardmall-checkout-popup form h5.font-med');
Cufon.replace('#payment_form_paypal_express li.form-alt');
//Cufon.replace('.copy h4');
//Cufon.replace('.card-from');
//Cufon.replace('.card-to');
//Cufon.replace('.card-price-item-default');
Cufon.replace('table th');





jQuery(document).ready(function(){	

		jQuery('.question').hover(function() {
			jQuery(this).children().show();
		}, function(){
			jQuery(this).children().hide();
		});
		
});

/* moved from header */
jQuery(document).ready(function(){
	/*
	jQuery('#greeting-card-list-slide').easySlider({
		prevId: 		'gc-prev',
		prevText: 		'Previous',
		nextId: 		'gc-next',	
		nextText: 		'Next'
	});
	*/
	jQuery('#card-design-list').easySlider({
	});
	
	/* that will not go dynamic on this way, we need it to show product deteals page 
	jQuery('#cards-block a').click(function() {
		jQuery('#shop-step1').hide();
		jQuery('#shop-step2').css({ height: 'auto' });
		return false;
	});
	*/
	jQuery('#go-back').click(function() {
		$('#shop-step1').show();
		$('#shop-step2').css({ height: '0' });
	});
	
	jQuery('#shop-types li li a.font,#card-design-list a').click(function() { return false; });
	
	
	jQuery('#shop-types li a.font').click(function() {
		onlyNeedToClose = (jQuery(this).parent())[0].className.indexOf('active') == -1 ? 0 : 1;
		jQuery('#shop-types li').removeClass('active');
		jQuery('#shop-types li ul').hide();
		if (!onlyNeedToClose) {
			jQuery(this).parent().addClass('active');
			jQuery(this).next().show();
		}
		return false;
	});
	
//	jQuery('#date').datepicker({ showOn: 'button', buttonImage: 'images/icon-calendar.png', buttonImageOnly: true });
//	jQuery('#date').datepicker({ showOn: 'button', buttonImage: '/skin/frontend/icardmall/default/images/icon-calendar.png', buttonImageOnly: true });
//    var myDate = new Date();
//    var month = myDate.getMonth() + 1;
//    var curDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
//    jQuery("#date").val(curDate);
		
		jQuery('#greeting-card-list a').click(function() {
//			jQuery('#greeting-card-list a').removeClass('active');
//			jQuery(this).addClass('active');
//			var largeImg = jQuery(this).attr('href'); //Find Image Name
//			jQuery('#greeting-card-selected img#greetingcard-view').attr({ src: largeImg });
			return false;
		});
	
	jQuery('#preview-card').colorbox({innerWidth:"520px", innerHeight: "360px", inline:true, href:"#preview-block", onComplete:function() {
		
				document.getElementById('preview-from').innerHTML = jQuery('.input-field-from')[0].value;
				document.getElementById('preview-to').innerHTML = jQuery('.input-field-to')[0].value;
				
				document.getElementById('preview-main-message').innerHTML = jQuery('.sku-main-message')[0].value.substr(0, 200);
				document.getElementById('preview-personal-message').innerHTML = jQuery('.sku-personal-message')[0].value.substr(0, 200);
				
				amountSelect = jQuery('.amount select')[0];
				document.getElementById('preview-amount').innerHTML = ((amountSelect.selectedIndex) > 0 ? amountSelect.options[amountSelect.selectedIndex].innerHTML + '.00' : ''); 
	}});    			
	jQuery('#contine-checkout').colorbox({innerWidth:"280px", innerHeight: "auto", inline:false, href:"/checkout/popup/"});
	
//	function buyiCard() {
//		jQuery(document).scrollTop(670);
//		jQuery('#shop-step1').hide();
//		jQuery('#shop-step2').css({ height: 'auto' });
//		jQuery('#block-card-chosen p.merchant').replaceWith('<p class="merchant"><img src="images/card-icardgift.png" alt="" width="90" height="90" /></p');
//		jQuery('#block-card-chosen h6').replaceWith('<h6>iCardMall Gift Card</h6>');
//		jQuery('#block-card-chosen p.desc').replaceWith('<p class="desc">This is one gift card that can be redeemed at over 150 top retailers!</p>');
//		jQuery('#card-design-list ul').replaceWith('<ul><li><a href=""><img src="images/card-design-4.jpg" alt="" width="213" height="134" /></a></li></ul>');
//		jQuery('#preview-block').replaceWith('<div id="preview-block"><img src="images/greetingcard-preview-left-2.jpg" alt="" width="260" height="358" /><img src="images/greetingcard-previewback-2.jpg" alt="" width="260" height="358" /></div>');
//		return false;
//	};
	
	var curHash = location.hash.slice(1);
	var goicard = 'buyiCardGiftCard';
	if ( curHash.length == goicard.length ) {
		buyiCard();
	};
	
//	jQuery('#purchase-now').click(buyiCard);			

	
});

function updateDateInMageOption() {

	
}

//Use when we have input elements that contains labels in it
//onfocus="clearOnFocus(this,'on','Search')" onblur="clearOnFocus(this,'off','Search')"
//elem - element
function clearOnFocus(elem, state, defaultContent) {
	if(state == 'on') {
		if(elem.value == defaultContent) {
			elem.value = '';
		}
	} else {
		if(elem.value == '') {
			elem.value = defaultContent;
		}
	}
}

// Internet Explorer (using conditional comments) problem becouse IE call anchor after complete load.
/*@cc_on @*/
/*@if (@_win32)
/*
document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {
  if (this.readyState == "complete") {
    
    var matches = /\#(.*)/.exec(location.href);
		if (matches && matches[1]) { // anchore exsist
			elementA = document.getElementsByTagName("DIV");
			for (aIndex = 0; aIndex < elementA.length; aIndex++) {
				if (elementA[aIndex].id == matches[1]) {
					elementA[aIndex].focus();
				}
			}
		}
		
  }
};
*/
/*@end @*/