jQuery(document).ready(function()  {

	var design_id = 'default';
	var theme_id = 'red_worm';
	
	var design = jQuery('.table_design .td_radio .radio_input');
	var iCnt_design = jQuery(design).length;
	for(i = 0; i < iCnt_design; i++)
		if(jQuery(design[i]).attr('checked'))
			design_id = jQuery(design[i]).attr('value');
			
	var theme = jQuery('.table_theme .radio_input');
	var iCnt_theme = jQuery(theme).length;
	for(i = 0; i < iCnt_theme; i++)
		if(jQuery(theme[i]).attr('checked'))
			theme_id = jQuery(theme[i]).attr('value');	

	var img = design_id + '_' + theme_id + '.png';
	var path = '/themes/forbegin/img/themes/' + img;
	jQuery('#design_theme img').attr('src', path);			

	//change design
	jQuery('.table_design img').click(function() {
		jQuery(this).parent('td').prev('.td_radio').children('input').attr('checked', 'checked');
		design_id = jQuery(this).parent('td').prev('.td_radio').children('input').attr('value');
		var img = design_id + '_' + theme_id + '.png';
		var path = '/themes/forbegin/img/themes/' + img;
		jQuery('#design_theme img').attr('src', path);
	});
	
	jQuery('.table_design .td_radio .radio_input').click(function() {
		design_id = jQuery(this).attr('value');
		var img = design_id + '_' + theme_id + '.png';
		var path = '/themes/forbegin/img/themes/' + img;
		jQuery('#design_theme img').attr('src', path);	
	});
	
	//change theme
	jQuery('.themes img').click(function() {		
		jQuery(this).parent('.themes').children('input').attr('checked', 'checked');
		theme_id = jQuery(this).parent('.themes').children('input').attr('value');
		var img = design_id + '_' + theme_id + '.png';
		var path = '/themes/forbegin/img/themes/' + img;
		jQuery('#design_theme img').attr('src', path);
	});
	
	//change theme
	jQuery('.table_theme .radio_input').click(function() {		
		theme_id = jQuery(this).attr('value');
		var img = design_id + '_' + theme_id + '.png';
		var path = '/themes/forbegin/img/themes/' + img;
		jQuery('#design_theme img').attr('src', path);
	});
	
})