$(document).ready(function(){
		
	$(".orderprdid").click(function() {
		var id = $(this).attr("value");
		if($(this).attr("checked"))		{
			
			$("#quantity"+id).css({display:"block"});
		} else
			$("#quantity"+id).css({display:"none"});
		
	});	
	
});

function Tab(name, div, selected) {
  this.name = name;
  this.div = div;
  this.selected = selected;
}

function tabSel(tabno, tabs, prdid, imgid) {
	  var div, tab;
	  
	  if (tabs.length == 0)
	    return;

	  for (var i=0; i<tabs.length; ++i) {
	    if (tabs[i].selected) {
	      if (tabs[i].div != null) {
	        div = document.getElementById(tabs[i].div);
	        div.style.display = 'none';
	      }

	      tab = document.getElementById(tabs[i].name);
	      tab.className = 'imgnavi';
	      tabs[i].selected = false;
	      break;
	    }
	  }

	  tab = tabs[tabno];
	  tab.selected = true;

	  if (tab.div != null) {
	    var divsel = document.getElementById(tab.div);
	    divsel.style.display = 'block';
	  }

	  var tabsel = document.getElementById(tab.name);
	  tabsel.className = 'imgnavi2';
	  
	  var prdform = document.getElementById('form' + prdid);
	  prdform.prdver.value = imgid;
	  
	}

	function tabOver(tabno, tabs, prdid, imgid) {
	  var div, tab;
	  
	  if (tabs.length == 0)
	    return;
	  
	   for (var i=0; i<tabs.length; ++i) {
	    if (tabs[i].selected) {
	      if (tabs[i].div != null) {
	        div = document.getElementById(tabs[i].div);
	        div.style.display = 'none';
	      }

	      tab = document.getElementById(tabs[i].name);
	      tab.className = 'imgnavi';
	      tabs[i].selected = false;
	      break;
	    }
	  }

	  tab = tabs[tabno];
	  tab.selected = true;

	  if (tab.div != null) {
	    var divsel = document.getElementById(tab.div);
	    divsel.style.display = 'block';
	  }

	  var tabsel = document.getElementById(tab.name);
	  tabsel.className = 'imgnavi2';
	  
	  var prdform = document.getElementById('form' + prdid);
	  prdform.prdver.value = imgid; 
	  
	  if(!tab.selected)
	  {
		  var tabsel = document.getElementById(tab.name);
	 	  tabsel.className = 'imgnavi2';
	  }
	}

	
	function tabOut(tabno, tabs) {  
		var div, tab;
	  
	  if (tabs.length == 0)
	    return;
	  
	  tab = tabs[tabno];  
	  if(!tab.selected)
	  {
		  var tabsel = document.getElementById(tab.name);
	 	  tabsel.className = 'imgnavi';
	  }

	}
	function tabPopOver(tabno, tabs) {
	  var div, tab;
	  
	  if (tabs.length == 0)
	    return;
	  
	  tab = tabs[tabno];  
	  	  var tabsel = document.getElementById(tab.name);
	 	  tabsel.className = 'imgpop2';
	 
	}
	function tabPopOut(tabno, tabs) {  
		var div, tab;
	  
	  if (tabs.length == 0)
	    return;
	  
	  tab = tabs[tabno];  
	  
	  var tabsel = document.getElementById(tab.name);
	  tabsel.className = 'imgpop';

	}