var int_minusClickCount;
//var contentHeight;
//var productCatOn  ;


// event observe OnLoad
Event.observe(window, 'load', page_loaded, false);  


// function page load
function page_loaded(evt) {
	if( document.getElementById('lightbox') ) { Event.observe('lightbox', 'click', item_clicked, false); }
	if( document.getElementById('b_Submit') ) { Event.observe('b_Submit', 'click', contactUsSubmit, false); }
}


// contact us form OnSubmit // ++++++++++++++++ // start
function contactUsSubmit() {
//alert( 'send mail' );
	// check mail
	var arr_field = new Array( 'sendername', 'senderremail', 'senderphone', 'yourtext' );
	var i_length = arr_field.length ;
	var matchTag = /<(?:.|\s)*?>/g ;
	//
	for( var i=0; i<i_length; i ++ ) {
		var tmpField = eval( 'document.sendmail.'+ arr_field[i] ) ;
		if ( tmpField.value == '' ) {
			var str_tmp = document.getElementById( 'l_'+ arr_field[i] ).innerHTML ;
			str_tmp = str_tmp.replace(matchTag, "");
			alert( str_pleasefill +' '+ str_tmp );  //document.getElementById('contactus').elements[i].name
			tmpField.focus() ;
			return false ;
		}
	}

	// process mail
	showLightBox() ;

	// collect data
	var str_arg = '';
	var obj_form = eval('document.sendmail') ;
	var i_length = obj_form.length ;
		for( var i=0; i<i_length; i ++ ) {
			if( str_arg != '' ) { str_arg += '&'; }
			str_arg += obj_form[i].name +'='+ encodeURI(obj_form[i].value) ;
		}

	str_arg += '&langsel='+ str_lang  ;

//alert( str_arg );

	//
	var myReturn = f_ajax( 'http_mailContact.php', str_arg , 'text' );

	// clear data
	obj_form.reset() ;

}
// contact us form OnSubmit // ++++++++++++++++ // end

// all click // +++++++++++++++++ // start
	function item_clicked(evt){
		var child = Event.element(evt);
//alert( child.id ) ;
		if( child.id == 'lightbox_closebutton' || child.id == 'img_lightbox_closebutton' ) {
			hideLightBox() ;
		} else if( child.id.substr(0,3) == 'cat' ) {
			if( document.getElementById('sub'+ child.id) ) { document.getElementById('sub'+ child.id).style.display = 'block'; }
			productCatOn = child.id ;
			return ;
		} else if( child.id.type = 'a' ) {
			return ;
		}

		Event.stop(evt); //avoid another call related to 'parent_node' itself
	}
// all click // +++++++++++++++++ // end

//
	var a_SourceCheck = '';
	function jcChangeContent( a_conSourceID ) {
		if( a_conSourceID == a_SourceCheck ) { return; }
		$('gallContHead').innerHTML = $('contHead_'+a_conSourceID).innerHTML ;
		$('gallCont').innerHTML = $('cont_'+a_conSourceID).innerHTML ;
		a_SourceCheck = a_conSourceID ;
	}


// AJAX // ++++++++++++++++++++++++++ // start
	function f_ajax( http_file, str_arg, returnType ) {
		// returnType : responseXML || responseText
		var myAjax = new Ajax.Request( http_file, { 
			method:'post' ,
			parameters: str_arg ,
			onSuccess: function(transport){
				if( returnType == 'text' ) {
					 var response = transport.responseText || "no response text";
					 document.getElementById('lightBoxContent').innerHTML = response ;
				} else if( returnType == 'xml' ) {
					 var response = transport.responseXML || "no response XML";
					 // check output
					 switch( http_file ) {
						 case 'http_layoutDetail.php' :
							 var myStatus = response.getElementsByTagName('unitStatus') ;
							var myDisplay = response.getElementsByTagName('displayText') ;
							var mySQL = response.getElementsByTagName('sql') ;
							document.getElementById('lightBoxContent').innerHTML = myDisplay[0].childNodes[0].nodeValue ;
							// document.getElementById('lightBoxContent').innerHTML += '<br />'+ mySQL[0].childNodes[0].nodeValue ;
							// className
							// if( myStatus[0] > 0 ) { document.getElementById('lightbox').setAttribute('class', 'sold'); } else { document.getElementById('lightbox').setAttribute('class', ''); }
							if( myStatus[0] > 0 ) { document.getElementById('lightbox').className = 'sold'; } else { document.getElementById('lightbox').className = '' ; }
						 break ;
					 }
				}
			},
			onFailure: function(){ alert('Something went wrong...') }
		});
	}

	function f_ajaxReturnID( http_file, str_arg, returnType, returnID ) {
		// returnType : responseXML || responseText
		var myAjax = new Ajax.Request( http_file, { 
			method:'post' ,
			parameters: str_arg ,
			onSuccess: function(transport){
				if( returnType == 'text' ) {
					 var response = transport.responseText || "no response text";
					 document.getElementById( returnID ).innerHTML = response ;
				} else if( returnType == 'xml' ) {
					 var response = transport.responseXML || "no response XML";
					 return response ;
				}
			},
			onFailure: function(){ alert('Something went wrong...') }
		});
	}
// AJAX // ++++++++++++++++++++++++++ // end

// open & close lightBox // ++++++++++++++++++++++ // start

		// showLightBox // ++++++++++++++++++++++++++++++++++ // start
		function showLightBox() {
			var obj_frame = document.getElementById('lightboxbg') ;
			var obj_detail = document.getElementById('lightbox') ;

			if( obj_frame ) {
				obj_frame.style.visibility = 'visible';
				obj_frame.style.display = 'block';

				obj_detail.style.visibility = 'visible';
				obj_detail.style.display = 'block';

				if( !document.all ) { 
					obj_frame.style.position = 'fixed'; 
				} else {
					obj_detail.style.position = 'absolute'; 
				}

				//
				////
				bod = document.getElementsByTagName('body')[0];
				bod.style.height = '100%' ;
				bod.style.overflow = 'hidden' ;
		  
				htm = document.getElementsByTagName('html')[0];
				htm.style.height = '100%' ;
				htm.style.overflow = 'hidden' ; 
				////
			}
		}
		// showLightBox // ++++++++++++++++++++++++++++++++++ // end


		// hideLightBox // ++++++++++++++++++++++++++++++++++ // start
		function hideLightBox() {
		
			var obj_frame = document.getElementById('lightboxbg') ;
			obj_frame.style.visibility = 'hidden';
			obj_frame.style.display = 'none';

			var obj_detail = document.getElementById('lightbox') ;
			obj_detail.style.visibility = 'hidden';
			obj_detail.style.display = 'none';

			////
			bod = document.getElementsByTagName('body')[0];
			bod.style.height = '100%' ;
			bod.style.overflow = 'auto' ;
		  
			htm = document.getElementsByTagName('html')[0];
			htm.style.height = '100%' ;
			htm.style.overflow = 'auto' ; 
			////
			document.getElementById('lightBoxContent').innerHTML = 'Processing ...';
			document.getElementById('lightbox').setAttribute('class', '');
		}
		// hideLightBox // ++++++++++++++++++++++++++++++++++ // end


// open & close lightBox // ++++++++++++++++++++++ // end



	function jc_setFlash( a_file, a_title ) {
		swfobject.embedSWF("player.swf?flv="+ a_file +"&config=flv_config_maxi.txt&autoplay=1&autoload=1&startimage="+ a_file +".png", "videobox", "320", "240", "8.0.0", "expressInstall.swf", flashvars, params, attributes );
		document.getElementById('videotitle').innerHTML = a_title ;
	}


	// cookie // ++++++++++++++++++++++++++++++++++ // start
	// from http://www.quirksmode.org/js/cookies.html //
		function createCookie(name,value,days) {
			if (days) {
				var date = new Date();
				date.setTime(date.getTime()+(days*24*60*60*1000));
				var expires = "; expires="+date.toGMTString();
			}
			else var expires = "";
			document.cookie = name+"="+value+expires+"; path=/";
		}

		function readCookie(name) {
			var nameEQ = name + "=";
			var ca = document.cookie.split(';');
			for(var i=0;i < ca.length;i++) {
				var c = ca[i];
				while (c.charAt(0)==' ') c = c.substring(1,c.length);
				if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
			}
			return null;
		}

		function eraseCookie(name) {
			createCookie(name,"",-1);
		}
	// cookie // ++++++++++++++++++++++++++++++++++ // end

	// ajaxCalendar // ++++++++++++++++++++++++++++++ // start
	function ajaxCalendar( a_date ) {
		// a_date : 0000-00-00
		str_arg = 'caldate='+ a_date ;
		str_arg += '&langsel='+ str_lang  ;
		f_ajaxReturnID( 'http_calendar.php', str_arg, 'text', 'subcontent' ) ;
	}
	// ajaxCalendar // ++++++++++++++++++++++++++++++ // end
	
	
	/*// obj_img preset // ++++++++++++++++++++++++++++++ // start
		var obj_img = document.getElementById('subcontent').getElementsByTagName('img') ;
			obj_img[1].style.position = 'absolute';
			obj_img[1].src = obj_img[0].src ;
			obj_img[1].width = obj_img[0].width ;
			obj_img[1].height = obj_img[0].height ;
			obj_img[1].style.top = obj_img[0].style.top ;
			obj_img[1].style.left = obj_img[0].style.left ;
		//
		var slideINDEX = 0 ;
		var slideLength = 0;
		var retnode = [];
		setInterval( "jcSlideShow(  )",  7000 );
	*/// obj_img preset // ++++++++++++++++++++++++++++++ // end
	
	
	// special click // ++++++++++++++++++++++++++++++++++ // start
	function jcChangImage( a_divTargetID, a_sourceImage, a_intWidth, a_intHeight ) {
		if( a_sourceImage != '' ) {
			//var obj_img = document.getElementById(a_divTargetID).getElementsByTagName('img') ;
			obj_img[1].src = obj_img[0].src ;
			obj_img[1].style.zIndex = 5000 ;
			obj_img[0].src = a_sourceImage ;
			// check width & height //
			// width: 480px; height: 360px;
			if( a_intWidth <= 480 && a_intHeight <= 360 ) {
				obj_img[0].width = a_intWidth;
				obj_img[0].height = a_intHeight ;
			} else {
				if( a_intHeight > a_intWidth || a_intHeight == a_intWidth ) {
					// vertical image
					var ratio = 360/a_intHeight ;
				} else if( a_intHeight < a_intWidth ) {
					var ratio = 480/a_intWidth ;
				} 
				obj_img[0].width = a_intWidth * ratio ;
				obj_img[0].height = a_intHeight * ratio ;
			}
			// transition : 2 : fadeout // +++++++++++++++++++ // start
				var id = 'imgSH2'; //obj_img[1] ;//'imgSH2'; // object
				var opacStart = 100 ;
				var opacEnd = 0 ;
				var millisec = 1000;
				var speed = Math.round(millisec / 100);
				var timer = 0;
				changeOpac(opacStart, id) ;
				//determine the direction for the blending, if start and end are the same nothing happens
				if(opacStart > opacEnd) {
					for(i = opacStart; i >= opacEnd; i--) {
						setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
						timer++;
					}
					//obj_img[1].style.zIndex = -1000 ;
				} else if(opacStart < opacEnd) {
					for(i = opacStart; i <= opacEnd; i++)
						{
						setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
						timer++;
					}
					//obj_img[1].style.zIndex = -1000 ;
				}
			// transition : 2 : fadeout // +++++++++++++++++++ // end
		}
	}
// special click // ++++++++++++++++++++++++++++++++++ // end
	
	
	// slide show jcSlide // ++++++++++++++++++++++++++++++++++++ // start
	
	function jcSlide( a_group, a_id ) {
		retnode = [];
		var elem = document.getElementsByTagName('img');
		for (var i = 0; i < elem.length; i++) {
			if( elem[i].id.substr(0, 4) == 'gall' ) {
				// group // ++++++++++++ // start
				var arr_group = elem[i].id.split('_') ;
				if( arr_group[1] == a_group ) { 
					retnode.push(elem[i]);
				}
				// group // ++++++++++++ // end
			}
		}
		
		//slideINDEX = parseInt(a_id); //0 ;
		slideLength = retnode.length
		
		// process slide show
		clearInterval ( );
		clearTimeout( );
		
	}
	// slide show jcSlide // ++++++++++++++++++++++++++++++++++++ // end
	
	// slide show // +++++++++++++++++++++++++++++ // satrt
	function jcSlideShow(  ) {
		if( slideLength > 0 ) {
			a_divTargetID = 'subcontent';
			
			// transition : 1 // +++++++++++++++++++ // start
				// set obj_img[1]
				obj_img[1].src = obj_img[0].src ;
				obj_img[1].style.zIndex = 5000 ;
				//obj_img[1].style.border = 'thick solid #0000FF';
				//obj_img[0].style.border = 'thick solid #0000FF';
			// transition : 1 // +++++++++++++++++++ // end
			slideINDEX += 1 ;
//alert( slideINDEX +" : "+ slideLength );			
			if( slideINDEX >= slideLength ) { slideINDEX = 0; }
			obj_img[0].src = retnode[slideINDEX].src ;
			obj_img[0].style.zIndex = 0 ;
			// transition : 2 : fadeout // +++++++++++++++++++ // start
				var id = 'imgSH2'; //obj_img[1] ;//'imgSH2'; // object
				var opacStart = 100 ;
				var opacEnd = 0 ;
				var millisec = 1000;
				var speed = Math.round(millisec / 100);
				var timer = 0;
				changeOpac(opacStart, id) ;
				//determine the direction for the blending, if start and end are the same nothing happens
				if(opacStart > opacEnd) {
					for(i = opacStart; i >= opacEnd; i--) {
						setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
						timer++;
					}
					//obj_img[1].style.zIndex = -1000 ;
				} else if(opacStart < opacEnd) {
					for(i = opacStart; i <= opacEnd; i++)
						{
						setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
						timer++;
					}
					//obj_img[1].style.zIndex = -1000 ;
				}
			// transition : 2 : fadeout // +++++++++++++++++++ // end
				
		}
	}
	// slide show // +++++++++++++++++++++++++++++ // end
	
	function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}