var url="";
function customizeInit(){
	$(".Text, .Verify").addClass("ui-button ui-widget ui-state-default ui-corner-all");
	$(".Material .attributeItem input,.Font .attributeItem input,.Symbol .attributeItem input,.Style .attributeItem input,.Graphic .attributeItem input").hide();
	$(".Material,.Font,.Symbol,.Style,.Graphic").each(function(){$("#"+$(this).attr("id")+" .attributeItem").wrapAll("<div class='attributeItemWrap'>");});
	$(".Material .attributeItemWrap,.Font .attributeItemWrap,.Symbol .attributeItemWrap,.Style .attributeItemWrap,.Graphic .attributeItemWrap").hide();
	$(".Material .attributePrompt,.Font .attributePrompt,.Symbol .attributePrompt,.Style .attributePrompt,.Graphic .attributePrompt").hide();
	$(".Material .attributeItem img,.Font .attributeItem img,.Symbol .attributeItem img,.Style .attributeItem img,.Graphic .attributeItem img").click(function(){$(this).siblings("input[type='radio']").click();collapseOthers("Nan");}).hover(function(){$(this).parent().parent().children(".box-title").text($(this).attr("alt"));});
	$(".Material").append("<button class='selected'>&nbsp;<img class='ui-corner-all' src='/common/Customize/missing-material.png'/></button>");
	$(".Font").append("<button class='selected'>&nbsp;<img class='ui-corner-all' src='/common/Customize/missing-font.png'/></button>");
	$(".Style").append("<button class='selected'>&nbsp;<img class='ui-corner-all' src='/common/Customize/missing-material.png'/></button>");
	$(".Symbol").append("<button class='selected'>&nbsp;<img class='ui-corner-all' src='/common/Customize/missing-symbol.png'/><span class='prompt'>Select Symbol</span></button>");
	$(".Graphic").append("<button class='selected'>&nbsp;<img class='ui-corner-all' src='/common/Customize/missing-symbol.png'/><span class='prompt'>Select Graphic</span></button>");
	$(".selected").button({icons: {secondary: 'ui-icon-triangle-1-s'}}).click( function() {var group=$(this).parent().attr("id");collapseOthers(group);$("#"+group+" .attributeItemWrap").toggle();return false;}).addClass("ui-button-text-icons");
	$("#prodattr").append("<button class='Preview'>Click Here to Preview</button>");
	$(".Preview").button({icons: {primary: 'ui-icon-image'}}).click( function() {customizeSubmit();return false;}).addClass("ui-widget-header").removeClass("ui-state-default");
	$(".attribute").each(function(i){$(this).css({"z-index":(10000-50*i)+""});});
	$(".attributeItemWrap").addClass("ui-corner-all box").prepend("<span class='box-title ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all'>Select One</span>");
}	
function collapseOthers(notThis){
	$(".selected").each(function(){
		var group=$(this).parent().attr("id");
		if(group!=notThis){
			$("#"+group+" .attributeItemWrap").hide();
			if($("#"+group+" input:checked").siblings("img").attr("alt")){
				$("#"+group+" .selected img").attr("src",$("#"+group+" input:checked").siblings("img").attr("src"));
			}
		}
	});
}
function customizeSubmit(){
	var noError=true;
	url="http://www.rnkshops.com/common/Customize/customize.php?";
	$(".attribute.Text").each(function(i){
		if($("#"+$(this).attr("id")+" input[type='text']").val()){
			url=url+"Text-"+(i+1)+"="+$("#"+$(this).attr("id")+" input[type='text']").val()+"&";
			$(this).removeClass("ui-state-error");
		}else{
			$(this).addClass("ui-state-error");
			noError=false;
		}	
	});
	$(".attribute.Material").each(function(i){
		if($("#"+$(this).attr("id")+" input:checked").val()){
		url=url+"Material-"+(i+1)+"="+$("#"+$(this).attr("id")+" input:checked").val()+"&";
			$(this).children(".selected").removeClass("ui-state-error");
		}else{
			$(this).children(".selected").addClass("ui-state-error");
			noError=false;
		}
	});
	$(".attribute.Font").each(function(i){
		if($("#"+$(this).attr("id")+" input:checked").val()){	
			url=url+"Font-"+(i+1)+"="+$("#"+$(this).attr("id")+" input:checked").val()+"&";
			$(this).children(".selected").removeClass("ui-state-error");
		}else{
			$(this).children(".selected").addClass("ui-state-error");
			noError=false;
		}
	});
	$(".attribute.Graphic").each(function(i){
		if($("#"+$(this).attr("id")+" input:checked").val()){
			url=url+"Graphic-"+(i+1)+"="+$("#"+$(this).attr("id")+" input:checked").val()+"&";
			$(this).children(".selected").removeClass("ui-state-error");
		}else{
			$(this).children(".selected").addClass("ui-state-error");
			noError=false;
		}
	});
	$(".attribute.Style").each(function(i){
		if($("#"+$(this).attr("id")+" input:checked").val()){
			url=url+"Style-"+(i+1)+"="+$("#"+$(this).attr("id")+" input:checked").val()+"&";
			$(this).children(".selected").removeClass("ui-state-error");
		}else{
			$(this).children(".selected").addClass("ui-state-error");
			noError=false;
		}
	});
	$(".attribute.Symbol").each(function(i){
		if($("#"+$(this).attr("id")+" input:checked").val()){
			url=url+"Symbol-"+(i+1)+"="+$("#"+$(this).attr("id")+" input:checked").val()+"&";
			$(this).children(".selected").removeClass("ui-state-error");
		}else{
			$(this).children(".selected").addClass("ui-state-error");
			noError=false;
		}
	});
	$(".attribute.Verify").each(function(i){
		if($("#"+$(this).attr("id")+" input:checked").val()){
			$(this).removeClass("ui-state-error");
		}else{
			$(this).addClass("ui-state-error");
			noError=false;
		}
	});
	
	if(noError){
		url=url+"Image="+$("#PImage").val();
		url=url+"&Metrics="+$("#PMetrics").val();
		if($("#prodimage").size()==0 && $("#imageTabs").size()>0){
			$('#imageTabs').tabs({
				tabTemplate: '<li><a href="#{href}">#{label}</a></li>',
				add: function(event, ui) {
					$(ui.panel).append("<img class='prodimage' id='prodimage' src='"+url+"' />");
				}
			});
			
			$("#imageTabs").tabs("add","#Preview","<span class='ui-icon ui-icon-image'>Preview</span>");

$("#prodimage").click(function(){
	activeImage=$( "#imageTabs" ).tabs( "option", "selected" );
	$("#zoom img").attr("src",$("#imageTabs .ui-tabs-panel img").not(".ui-tabs-hide img").attr("large"));
	$("#zoom").dialog({modal: true,width: 630,buttons: {
	Close: function() {$(this).dialog('close');},
	Next: function() {updateZoom("next");},
	Previous: function() {updateZoom("previous");}
	}});
	updateZoom();
});
				$(".Preview .ui-button-text").html("Click Here to Preview");
			$("#imageTabs").tabs("select","Preview");
			$(".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *").removeClass("ui-corner-all ui-corner-top").addClass("ui-corner-bottom");
		
		}else{
		
		$(".prodimage").attr("src",url);
		$(".Preview .ui-button-text").html("<img src='/common/Customize/load.gif' class='imageLoading' />");
		if($("#imageTabs").size()>0){
		$("#imageTabs").tabs("select","ui-tabs-2");
		}
		$(".prodimage").load(function(){$(".Preview .ui-button-text").html("Click Here to Preview")});
		}
	}
	return false;
}