var sake_n;
var xmlDoc;
var xmlhttp;
var sake_nameJ = new Array();
var sake_nameE = new Array();
var sake_vol = new Array();
var sake_image = new Array();
var sake_image_2 = new Array();
var sake_detail = new Array();
var sake_food = new Array();
var sake_chart = new Array();
var sake_percent = new Array();
var sake_groups = new Array();

var current_R;
var current_L;
var next_R;
var next_L;
var j;

var frog;
var html;
var str;

loadXMLDoc();





function loadXMLDoc(){

	xmlhttp=null
	// code for Mozilla, etc.
	if (window.XMLHttpRequest)
  	{
  		xmlhttp=new XMLHttpRequest()
  	}
	// code for IE
	else if (window.ActiveXObject)
  	{	
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  	}
	if (xmlhttp!=null)
  	{
  		xmlhttp.onreadystatechange=state_Change
  		xmlhttp.open("GET","sakes.xml",true)
  		xmlhttp.send(null)
  	}
	else
  	{
  		alert("Your browser does not support XMLHTTP.")
  	}
}

function state_Change(){
	
	// if xmlhttp shows "loaded"
	if (xmlhttp.readyState==4) {
  		// if "OK"
  		if (xmlhttp.status==200)    {

 			// Assign the XML file to a var
			xmlDoc = xmlhttp.responseXML;
			
    	}else{

    		alert("Problem retrieving XML data")

    	}
	}
}
		
function get_contents(sake_name){

	var xmlNodesList = xmlDoc.getElementsByTagName(sake_name);
	
	Nodes = xmlNodesList[0].getElementsByTagName('type');
	length_ = Nodes.length;
	
	for(i=0;i<length_;i++){	
    if(Nodes[i].getAttribute('group') != undefined) {
        sake_groups[i] = Nodes[i].getAttribute('group');
    }

		Node = Nodes[i].getElementsByTagName('nameJ');
     if(Node[0].childNodes[0] != undefined) {
    		sake_nameJ[i] = Node[0].childNodes[0].nodeValue;
    }
		
		Node = Nodes[i].getElementsByTagName('nameE');
     if(Node[0].childNodes[0] != undefined) {
    		sake_nameE[i] = Node[0].childNodes[0].nodeValue;
    }
		
		Node = Nodes[i].getElementsByTagName('vol');
     if(Node[0].childNodes[0] != undefined) {
    		sake_vol[i] = Node[0].childNodes[0].nodeValue;
    }
		
		Node = Nodes[i].getElementsByTagName('image1');
     if(Node[0].childNodes[0] != undefined) {
    		sake_image[i] = Node[0].childNodes[0].nodeValue;
    }
		
		Node = Nodes[i].getElementsByTagName('image2');
     if(Node[0].childNodes[0] != undefined) {
    		sake_image_2[i] = Node[0].childNodes[0].nodeValue;
    }
	}

}

function CacheImage(ImageSource) { 
	
	var ImageObject = new Image();
	ImageObject.src = ImageSource;
	return ImageObject;
	
}

function ShowSlide(Direction) {
	if (SlideReady) {

			next_L = current_L + Direction;
			next_R = current_R + Direction;
		
 			if(Direction == 1){
        var max = sake_image.length;
        if(sake_groups[0] != undefined) {
            for(var i = 1; i < sake_groups.length; i++) {
                if(sake_groups[i-1] != sake_groups[i]) {
                    max = i;
                    i = sake_groups.length; //exit for loop
                }
            }
        }
 				if(next_R + 1 > max){
 					next_L = current_L;
 					next_R = current_R;
 					return; 					
 				}
 			
			 }else if(Direction == -1){

 				if(next_L <= -1){
 					
					next_L = current_L;
 					next_R = current_R;
 					return; 					
 				}
 			
			}

			j = 1;
			for(i=next_L;i<=next_R; i++){
				
				if(j==1)
					str  = "<div class=\"product_box\" style=\"margin-left: 2px;\">\n";
				else
					str  = "<div class=\"product_box\">\n";

				str += "<a href=\"javascript:load_popup(" + i + ")\" class=\"thickbox\" rel=\"group\"><h1>" + sake_nameJ[i] + "</h1>\n";
				if(sake_nameE[i] != undefined) {
            	str += "<h2>" + sake_nameE[i] + "</h2>\n";
				} 
				if(sake_vol[i] != undefined) {
           		 str += "<h3>" + sake_vol[i] + "</h3>\n";
				} 
				if(sake_image[i] != undefined) {
           		 str += "<img src=\"" + sake_image[i] + "\" alt=\"\" /></a>\n";
				} 
				str += "</div>\n";	
				path = "image" + j;
				j++;
				var place =document.getElementById(path);
				place.innerHTML = str;
			
			}
			current_L = next_L;
			current_R = next_R;
      
	  return true;
   }
}

function load_popup(i){
		
		frog = window.open("","","width=499,height=631,scrollbars=1,resizable=1,location =0,menubar =0,status =0,titlebar =0,toolbar=0,fullscreen =0")
		html  = "<html xmlns=\"http://www.w3.org/1999/xhtml\">\n";
		html += "<head>\n";
		html += "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />\n";
		html += "<title>" + sake_nameJ[i] + "</title>\n";
		html +=	"<link href=\"style.css\" rel=\"stylesheet\" type=\"text/css\" />\n";
		html += "</head>\n";
		html += "<body>\n";
		html += "<img src=\"" + sake_image_2[i] + "\" width=\"499\" height=\"631\"/></td>\n";
		html += "<script type=\"text/javascript\" src=\"click.js\" /></script> \n";
		html += "</body>\n";
		html += "</html>\n";
		frog.document.open()
		frog.document.write(html)
		frog.document.close()
}

function StartSlideShow(sake_name) {

	get_contents(sake_name);
	current_L = 0;
	if(sake_image.length >= 4)
		current_R = 3;
	else
		current_R = sake_image.length - 1;
	SlideReady = true;
 	ShowSlide(0);

  if(sake_groups[0] != undefined) { 
      showGroups();
  }
}

function showGroups() {
    var j = 7;
    for(i=1; i < sake_groups.length; i++) {
        if(sake_groups[i-1] != sake_groups[i]) {
            j = i + 1;
            i = sake_groups.length;
        }
    }


    for(i=j-1; i < sake_groups.length; i++) {
        if(j==1)
            str  = "<div class=\"product_box\" style=\"margin-left: 2px;\">\n";
        else
            str  = "<div class=\"product_box\">\n";
        
        str += "<a href=\"javascript:load_popup(" + i + ")\" class=\"thickbox\" rel=\"group\"><h1>" + sake_nameJ[i] + "</h1>\n";
        if(sake_nameE[i] != undefined) {
            str += "<h2>" + sake_nameE[i] + "</h2>\n";
		} 
		if(sake_vol[i] != undefined) {
            str += "<h3>" + sake_vol[i] + "</h3>\n";
		} 
		if(sake_image[i] != undefined) {
            str += "<img src=\"" + sake_image[i] + "\" alt=\"\" /></a>\n";
		} 
        str += "</div>\n";
        path = "image" + j;
        j++;
        var place =document.getElementById(path);
        place.innerHTML = str;
    }
}