// JavaScript Document

		function funcChangeView(new_view)
		{
			var image_main	= document.getElementById("image_detail_pic");
			
			image_main.src = "/assets/img/" + new_view;
			
		}
	
		// -----------------------------------------------------
		// Resize image
		// -----------------------------------------------------
		// 0 = default which is 250 width
		// 1 = max size depending on window width
		var current_image_size = 1;
		function func_resize_pic()
		{
			var my_div	= document.getElementById("div_id_for_testing");
			var button_zoom = document.getElementById("button_zoom");
			var image_zoom_pic = document.getElementById("image_zoom_pic");
			var add_view = document.getElementById("add_view");
			//var top_label = document.getElementById("top_label");
			//var top_label_left = document.getElementById("top_label_left");
			var price_detail1 = document.getElementById("price_detail1");
			var price_detail2 = document.getElementById("price_detail2");
			
			var image_container = document.getElementById("image_container");
			var view_spacer = document.getElementById("view_spacer");
			//my_div.style.display="none";
			var image_main	= document.getElementById("image_detail_pic");
			var temp_srt = "";
//			alert("test");
			if(current_image_size == 0)
			{
				funcResizeImage(image_main,  150);
				current_image_size = 1;
				button_zoom.innerHTML = "Enlarge Photo";
				add_view.innerHTML = "";
				image_zoom_pic.src = "/assets/img/zoom_enlarge.jpg";
				//top_label.style.display="block";
				//top_label_left.style.display="none";
				price_detail1.style.display="block";
				price_detail2.style.display="none";
				//image_container.style.width="60%";
				view_spacer.style.display="block";
				add_view.style.width = "";
			}
			else
			{
				funcResizeImage(image_main,  400);
				current_image_size = 0;
				button_zoom.innerHTML = "Reduce Photo";
				temp_srt = "<div style=\"text-align:left;\"><a href=\"javascript:funcChangeView('033dse.jpg')\" >View1</a> ::";
				temp_srt += "<a href=\"javascript:funcChangeView('120772.jpg')\" >View2</a> ::";
				temp_srt += "<a href=\"javascript:funcChangeView('120794.jpg')\" >View3</a> ::";
				temp_srt += "<a href=\"javascript:funcChangeView('120795.jpg')\" >View4</a></div>";
				
				add_view.innerHTML = temp_srt;
				add_view.style.width = "310px";
				image_zoom_pic.src = "/assets/img/zoom_default.jpg";
				//top_label.style.display="none";
				//top_label_left.style.display="block";
				price_detail1.style.display="none";
				price_detail2.style.display="block";
				//image_container.style.width="100%";
				view_spacer.style.display="none";
			}
		}
		
		function funcResizeImage(image_selected, new_size)
		{
			var my_div	= document.getElementById("div_id_for_testing");
			if(image_selected.width >= image_selected.height)
			{
				precentage_size = Math.round((new_size / image_selected.width) * 100) / 100;
				//my_div.innerHTML += "value precent = " + precentage_size + "<br />";
				//my_div.innerHTML = "value precent = " + precentage_size + "<br />";
				//my_div.innerHTML += "value width = " + image_selected.width + "<br />";
				//my_div.innerHTML += "value height = " + image_selected.height + "<br />";	
				width_int = Math.round(image_selected.width * precentage_size);	
				height_int = Math.round(image_selected.height * precentage_size);	
				image_selected.style.width = width_int + "px";
				image_selected.style.height = height_int + "px";
				//my_div.innerHTML += "value new_width = " + image_selected.width + "<br />";
				//my_div.innerHTML += "value new_height = " + image_selected.height + "<br />";		
			}
			else
			{
				precentage_size = Math.round((new_size / image_selected.height) * 100) / 100;
				width_int = Math.round(image_selected.width * precentage_size);
				height_int = Math.round(image_selected.height * precentage_size);
				image_selected.style.width = width_int + "px";
				image_selected.style.height = height_int + "px";
			}
		}
		
		function change1()
		{
			var er_img	= document.getElementById("er_img");
			
			er_img.src = "/assets/img/er_h.gif";
				
		}
		function change1_1()
		{
			var er_img	= document.getElementById("er_img");
			
			er_img.src = "/assets/img/er_s.gif";
				
		}
		
		function change2()
		{
			var wd_img	= document.getElementById("wd_img");
			
			wd_img.src = "/assets/img/wd_h.gif";
				
		}
		function change2_1()
		{
			var wd_img	= document.getElementById("wd_img");
			
			wd_img.src = "/assets/img/wd_s.gif";
				
		}
		
		function change3()
		{
			var df_img	= document.getElementById("df_img");
			
			df_img.src = "/assets/img/df_h.gif";
				
		}
		function change3_1()
		{
			var df_img	= document.getElementById("df_img");
			
			df_img.src = "/assets/img/df_s.gif";
				
		}
		
		function change4()
		{
			var ld_img	= document.getElementById("ld_img");
			
			ld_img.src = "/assets/img/ld_h.gif";
				
		}
		function change4_1()
		{
			var ld_img	= document.getElementById("ld_img");
			
			ld_img.src = "/assets/img/ld_s.gif";
				
		}