jQuery.noConflict();


function limitChars(textid, limit, infodiv) {
	var text = jQuery('#'+textid).val();
	var textlength = text.length;
	if(textlength > limit) {
		jQuery('#' + infodiv).html('Verbleibende Zeichen: 0');
		jQuery('#'+textid).val(text.substr(0,limit));
		return false;
	}
	else
	{
		jQuery('#' + infodiv).html('Verbleibende Zeichen: ' + (limit - textlength));
		//jQuery('#' + infodiv).html((limit - textlength));
	}
}

jQuery(document).ready(function() {


	// Limit characters on message textarea
	jQuery(function(){
		jQuery('#ecard_message').keyup(function(){
			limitChars('ecard_message', 300, 'charlimitinfo');
		})
	});
	

	// Motif Gallery Handling
	// OnClick - select items and insert id into form
	jQuery('div#MotifGallery div.ItemContainer div.ImageContainer').click(function() {
		
		// Effects
		jQuery('div#MotifGallery div.ImageContainer').removeClass('Item-Selected');
		jQuery(this).addClass('Item-Selected');

		// Get the selected motif ID
		var selectedMotifId		= null;
		elementIdParts			= jQuery(this).parent().attr('id').split('_');
		selectedMotifId			= elementIdParts[1];
		
		//alert(selectedMotifId);
		
		// Insert Motif ID into Hidden field
		jQuery('input#ecard_selected_motif_id').attr('value', selectedMotifId);
		
		//alert(jQuery('input#ecard_selected_motif_id').attr('value'));
	});
	
	// Hover effect
	jQuery('div#MotifGallery div.ItemContainer div.ImageContainer').hover(
		function() {
			jQuery(this).addClass('Item-Hover');
		},
		function() {
			jQuery(this).removeClass('Item-Hover');
		}
	);
		
	// OnLoad - highlight the selected item
	selectedMotifId = jQuery('input#ecard_selected_motif_id').attr('value');
	selectedMotifId = parseInt(selectedMotifId);
	if(!isNaN(selectedMotifId)) {
		jQuery('div#MotifGallery div.ItemContainer div#MotifId_' + selectedMotifId + ' div.ImageContainer').click();
	}



	// Stamp gallery handling
	// OnClick - select items and insert id into form
	jQuery('div#StampGallery div.ItemContainer div.ImageContainer').click(function() {
		// Effects
		jQuery('div#StampGallery div.ImageContainer').removeClass('Item-Selected');
		jQuery(this).addClass('Item-Selected');

		// Get the selected stamp ID
		var selectedStampId		= null;
		elementIdParts			= jQuery(this).parent().attr('id').split('_');
		selectedStampId			= elementIdParts[1];

		// Insert Stamp ID into Hidden field
		jQuery('input#ecard_selected_stamp_id').attr('value', selectedStampId);
	});

	// Hover effect
	jQuery('div#StampGallery div.ItemContainer div.ImageContainer').hover(
		function() {
			jQuery(this).addClass('Item-Hover');
		},
		function() {
			jQuery(this).removeClass('Item-Hover');
		}
	);

	// OnLoad - highlight the selected item
	selectedStampId = jQuery('input#ecard_selected_stamp_id').attr('value');
	selectedStampId = parseInt(selectedStampId);
	if(!isNaN(selectedStampId)) {
		jQuery('div#StampGallery div.ItemContainer div#StampId_' + selectedStampId + ' div.ImageContainer').click();
	}




});