// JavaScript Document

var LIGHT_WINDOW = new Array(); 
var img_array = new Array();
var img_length = img_array.length;	
var temp;
var img_temp;
var no_row_col ;
var img_push = new Array();
var cre_div;
	
	function WS_SCREEN(sub_content,dim_color,opacity_val,gallery_id){						// Start the function.		
		
		this.sub_content	= sub_content;
		this.gallery_id		= gallery_id;															// gallery_div
		this.dim_color		= dim_color;	
		this.opacity_val	= opacity_val;
		this.curr_index		=0;
		this.dec_curr_index	=0;
		LIGHT_WINDOW[this.sub_content] = new Object();

	}

	WS_SCREEN.prototype.cre_imgGrid = function(contentId,row,col,array_content,sub_galDiv,gallery_name,subgallery_name){

		this.img_array=array_content;
		this.child_images;
		this.img_length=this.img_array.length;	
		this.sub_galDiv = sub_galDiv;
		this.gallery_name=gallery_name;
		this.subgallery_name=subgallery_name;
		
				
		this.contentId = contentId ;		
		this.row=row;
		this.col=col;
		var counter=0;	
		no_row_col = Number(row*col);
		
		
		
		
	//	alert(array_content[0]);

	
		img_temp="<table border=0 cellpadding=0 cellspacing=0  class=__img_gallery>";			
	
			for(var no_row=0;no_row<this.row;no_row++) {
				
				img_temp+='<tr >';						
				for(var no_col=0;no_col<this.col;no_col++) {
					
					counter++;			
					img_temp+='<td  class=cell><div id='+counter+'  name='+counter+' onclick="JavaScript:animate(\''+(counter)+'\',\''+this.gallery_id+'\',\''+this.sub_content+'\',\''+(counter-1)+'\',\''+this.sub_galDiv+'\',\''+this.gallery_name+'\');screenFun.create_visible();new_animation.create(0,100);"></div></td>';  

				}														
				img_temp+="</tr>";				
			}			
			img_temp+='</table>'; 	
			document.getElementById(this.contentId).innerHTML=img_temp;	
			
			var counter=0;	
			
			var image_length=this.img_length+0;
		
			var image_array=this.img_array;
			
			//alert(image_array[0].c_content.length);
			
			for(var ins_img=0;ins_img<image_length;ins_img++) {	
			
			counter++;				
			document.getElementById(counter).innerHTML='<img src='+image_array[counter-1].img_src+' />'+'<br><span class=title>'+image_array[counter-1].img_tit+'</span>';				
			img_push.push(image_array[counter-1].img_src);							
			
			}	
			
			
	}
	
	WS_SCREEN.prototype.create_main_content = function() {				// this function for return height	
		var temp;
		var te;		
		var wleft;
		var wtop;	
		document.getElementById(this.sub_content).style.visibility='hidden';	
		if(document.all) {
	
			LIGHT_WINDOW[this.sub_content].height = document.body.scrollHeight;
			LIGHT_WINDOW[this.sub_content].width = document.body.scrollWidth;				
		} else{
			LIGHT_WINDOW[this.sub_content].height = document.body.scrollHeight;
			LIGHT_WINDOW[this.sub_content].width = document.body.scrollWidth;
		
		}
		temp='<div id="fixed_div" style="top:0px;background-color:'+this.dim_color+';visibility:hidden;width:'+LIGHT_WINDOW[this.sub_content].width+'px;height:'+LIGHT_WINDOW[this.sub_content].height+'px"></div>';					
	
		document.getElementById('main_div').innerHTML=temp;
		document.getElementById('main_div').style.position="absolute";
	
		if(document.all) {
		
			document.getElementById('fixed_div').style.filter ='Alpha(opacity='+this.opacity_val+')';	
		} else {		
			document.getElementById('fixed_div').style.opacity =Number(this.opacity_val)/100;
		}
	}

	function cre_back_div(sub_content,dim_color) {
	
		var the_body = document.getElementsByTagName('body')[0];			
		cre_div = document.createElement('DIV');				
		cre_div.id = 'fixed_div';
		cre_div.style.top='0px';
		cre_div.style.backgroundColor=dim_color;		
		cre_div.style.visibility='hidden'; 
		cre_div.style.width=LIGHT_WINDOW[sub_content].width+'px';
		cre_div.style.height=LIGHT_WINDOW[sub_content].height+'px';
		the_body.appendChild(cre_div);				
		if(document.all) {

			document.getElementById('fixed_div').style.filter ='Alpha(opacity='+this.opacity_val+')';	
	
		} else {
		
			document.getElementById('fixed_div').style.opacity =Number(this.opacity_val)/100;
		}			
	}
	
	
	
	
	
	
	function animate(element,gallery_id,sub_content,img_index,sub_galDiv,gallery_name) {
		
	//alert(element+'...'+gallery_id+'...'+sub_content+'...'+img_index+'....'+sub_galDiv+'..'+document.getElementById('gallery_div'));

	
		
		var sub_img_temp;		
		var child_gallery=this.img_array[img_index].sub_galImg;
		this.child_images=this.img_array[img_index].sub_galImg;
		
		
		LIGHT_WINDOW[sub_content].temp_id = Number(element);
			
		curr_index = LIGHT_WINDOW[sub_content].temp_id;
		dec_curr_index = LIGHT_WINDOW[sub_content].temp_id;		
	
		document.getElementById(gallery_id).innerHTML='<img src='+this.img_array[img_index].index_img+'>'; //LIGHT_WINDOW[sub_content].temp_value;	
	
		// Hard Code
		
			document.getElementById('gallery_name').innerHTML=this.img_array[img_index].img_tit;
	
		this.sub_row = 1;
		this.sub_col = child_gallery.length;
		var sub_counter=0;	
		
		
		
		   	sub_img_temp="<table border=0 cellpadding=0 cellspacing=0  >";	
			for(var sub_no_row=0;sub_no_row<this.sub_row;sub_no_row++) {
					
				sub_img_temp+='<tr >';	
			
				
				for(var sub_no_col=0;sub_no_col<child_gallery.length;sub_no_col++) {
						
					sub_counter++;
					
					sub_img_temp+='<td ><div id='+sub_counter+'  name='+sub_counter+' onclick="JavaScript:bg_imgChange(\''+sub_no_col+'\',\''+gallery_id+'\');"></div></td>';  
					
	
				}	
			
				sub_img_temp+="</tr>";				
			}			
				sub_img_temp+='</table>';
				
				document.getElementById(sub_galDiv).innerHTML=sub_img_temp;
				
			
			sub_counter=0;	
			
			for(var ins_img=0;ins_img<child_gallery.length;ins_img++) {	
				
				sub_counter++;				
				document.getElementById(sub_counter).innerHTML='<img src="images/'+child_gallery[sub_counter-1].sub_img_src+'" />'; //+'<br><span class=title>'+child_gallery[sub_counter-1].sub_img_tit+'</span>';				
							
			}	
			
			
			document.getElementById('subgallery_name').innerHTML=this.child_images[0].sub_img_tit;
			
			gallery_slider.get_btn_value();
			
	}
	
	
	// Sub gallery name
	
	function bg_imgChange(child_index,gallery_id){
		
		// Hard Code
			document.getElementById('subgallery_name').innerHTML=this.child_images[child_index].sub_img_tit;					
			document.getElementById(gallery_id).innerHTML='<img src="images/'+this.child_images[child_index].sub_img_src_or+'" />';		
	}
	
	

	WS_SCREEN.prototype.for_gal = function() {
		 
		var image_length=this.img_length+0;
		var image_array=this.img_array;
		
		if( (curr_index+1) > image_length ) {					
		
			curr_index=image_length;			
		
		}else{
			
			document.getElementById(this.gallery_id).innerHTML='<img src='+img_push[curr_index]+'>';//+'<br><span class=title>'+image_array[curr_index].img_tit+'</span>';
			document.getElementById(this.gallery_name).innerHTML=image_array[curr_index].img_tit;
			curr_index=Number(curr_index)+1;
			
		}
		
		animate(curr_index,'gallery_div','childDiv',(curr_index-1),'sub_galDiv');
	} 




	WS_SCREEN.prototype.rev_gal = function(){
		
		var image_length=this.img_length+0;
		var image_array=this.img_array;
		
		curr_index=Number(curr_index)-1;
	
		
		// alert(curr_index);
		if( curr_index < 1 ) {					
			document.getElementById(this.gallery_id).innerHTML='<img src='+img_push[0]+'>';//+'<br><span class=title>'+image_array[0].img_tit+'</span>';
		///	document.getElementById(this.gallery_name).innerHTML=image_array[curr_index-1].img_tit;
			curr_index=1;
		}else{
			document.getElementById(this.gallery_id).innerHTML='<img src='+img_push[curr_index-1]+'>';//+'<br><span class=title>'+image_array[curr_index-1].img_tit+'</span>';	
			document.getElementById(this.gallery_name).innerHTML=image_array[curr_index-1].img_tit;
		}
		
			animate(curr_index,'gallery_div','childDiv',(curr_index-1),'sub_galDiv');
		
	}
	
	
	
	
	WS_SCREEN.prototype.inc_gal = function() {	
	
		var sub_content = this.sub_content ;	
		var counter=1;
		
		LIGHT_WINDOW[sub_content].cont_num = Number(LIGHT_WINDOW[sub_content].temp_id) ;		
		curr_index=LIGHT_WINDOW[sub_content].cont_num;		
		document.getElementById(this.gallery_id).innerHTML ='<img src='+img_push[curr_index]+'>';
		curr_index = curr_index +1 ;
	}	
	
	WS_SCREEN.prototype.create_visible = function() {	
		var wleft;
		var wtop;	
	
		document.getElementById('fixed_div').style.visibility='visible';
						
		var MW_Height =Number(document.body.clientHeight); // screen.availHeight;
		
		var MW_Width =Number(document.body.clientWidth);
		
		wtop = Math.floor((MW_Height-Number(document.getElementById(this.sub_content).clientHeight)) / 2);
		
		wleft =Math.floor((MW_Width-Number(document.getElementById(this.sub_content).clientWidth)) /2 ); 
	 
		document.getElementById(this.sub_content).style.left = wleft+'px';
		//document.getElementById(this.sub_content).style.top =wtop+'px';	
		
		document.getElementById(this.sub_content).style.top ='75px';						// 75px gave default have to change this.
		
		//alert(document.body.clientHeight+'..'+document.getElementById(this.sub_content).clientHeight+'..'+wtop);
	
		//document.getElementById(this.sub_content).style.visibility='visible';			// if dont need opacity function implemented in this progrm means we clear this comment line.
		if(document.all){
			document.getElementById(this.sub_content).style.filter="Alpha(opacity=0)";
		}else{
				document.getElementById(this.sub_content).style.opacity=0;
		}
			
	}
	
	WS_SCREEN.prototype.create_invisible = function() {	

		document.getElementById('fixed_div').style.visibility='hidden';
		
		document.getElementById(this.sub_content).style.visibility='hidden';
		if(document.all) {		
			document.getElementById(this.sub_content).style.filter="Alpha(opacity=0)";
			
		}else{
			document.getElementById(this.sub_content).style.opacity=0;
		}
		
		
	
	
	}
// 	In this program we using two arguments those are total_millisec, and fading_milisec
		
//				total_milisce -  In this arguments mention the total time of the running the function.
 
//				fading_milisec - In this arguments mention the total time of fading the object. 

		var new_interval  = new  Array();	
		
		var img_fade_start = new Array();
		
		var COUNT=0;
		
		var FADE_BTN = new Array(); 
				
		var CA = new Array();
		
		var fade_array = new Array();

		
		var ANIMATION_OPACITY = new Array();
		
		var dec_fade= new Array();

		
	function animation_opacity(obj_id){
		
		COUNT++;
		this.obj_id      = obj_id; 	
		if(document.all){
			this.animate_cycle =500;
			this.sub_animate_cycle = 155 ;
		}else{
			this.animate_cycle =550;
			this.sub_animate_cycle = 255 ;
		}
		
		
		ANIMATION_OPACITY[this.obj_id] = new Object();			
		ANIMATION_OPACITY[this.obj_id].animate_cycle = this.animate_cycle;
		ANIMATION_OPACITY[this.obj_id].sub_animate_cycle =this.sub_animate_cycle ;		
	}
	
	animation_opacity.prototype.set_moving_speed = function(animate_cycle,sub_animate_cycle){		
		
		ANIMATION_OPACITY[this.obj_id].animate_cycle = animate_cycle;
		ANIMATION_OPACITY[this.obj_id].sub_animate_cycle = sub_animate_cycle;		
	}
	
	animation_opacity.prototype.create = function(start_point,end_point){	
	
		this.start_point = start_point;
		this.end_point   = end_point;	
		ANIMATION_OPACITY[this.obj_id].start_point=this.start_point;
		ANIMATION_OPACITY[this.obj_id].end_point=this.end_point;
		var obj_id= this.obj_id ;
		FADE_BTN[obj_id] = Number(0);
		fade_array = new Array();	
		new_interval[obj_id] = setInterval('starting_image_fade(\''+obj_id+'\',\''+COUNT+'\')',ANIMATION_OPACITY[obj_id].animate_cycle); 	
	}

	function starting_image_fade(obj_id,count){
	
		
		FADE_BTN[obj_id]=FADE_BTN[obj_id]+1;		
		
		if(FADE_BTN[obj_id]==1){
		
			if(document.all) {
		
				document.getElementById(obj_id).style.filter ='Alpha(opacity='+ANIMATION_OPACITY[ obj_id].start_point+')';			
				document.getElementById(obj_id).style.visibility = 'visible';			
			}
			else {
				document.getElementById(obj_id).style.opacity =Number(ANIMATION_OPACITY[obj_id].start_point)/100;
				document.getElementById(obj_id).style.visibility = 'visible';
			}
			
			if(ANIMATION_OPACITY[obj_id].start_point <  ANIMATION_OPACITY[obj_id].end_point ) {				
				
				ANIMATION_OPACITY[obj_id].fade_value = ANIMATION_OPACITY[obj_id].end_point - ANIMATION_OPACITY[obj_id].start_point  ;							
				//alert(ANIMATION_OPACITY[obj_id].animate_cycle );							
				ANIMATION_OPACITY[obj_id].cy_value = ANIMATION_OPACITY[obj_id].animate_cycle / ANIMATION_OPACITY[obj_id].sub_animate_cycle ;							
				ANIMATION_OPACITY[obj_id].fade_valueInc = ANIMATION_OPACITY[obj_id].fade_value / ANIMATION_OPACITY[obj_id].cy_value; 		
			
				for( var fade_arr= ANIMATION_OPACITY[obj_id].start_point ; fade_arr < ANIMATION_OPACITY[obj_id].end_point; fade_arr = fade_arr+ ANIMATION_OPACITY[obj_id].fade_valueInc) {											
					fade_array.push(Math.round(fade_arr));
					//alert(fade_array);
				}				
			}	
			else {
			
				ANIMATION_OPACITY[obj_id].fade_value =  ANIMATION_OPACITY[obj_id].start_point - ANIMATION_OPACITY[obj_id].end_point ;
				
				ANIMATION_OPACITY[obj_id].cy_value = ANIMATION_OPACITY[obj_id].animate_cycle / ANIMATION_OPACITY[obj_id].sub_animate_cycle ;
				
				ANIMATION_OPACITY[obj_id].fade_valueInc = ANIMATION_OPACITY[obj_id].fade_value / ANIMATION_OPACITY[obj_id].cy_value; 		
				
				for( var fade_arr= ANIMATION_OPACITY[obj_id].start_point ; fade_arr >= ANIMATION_OPACITY[obj_id].end_point; fade_arr = fade_arr - ANIMATION_OPACITY[obj_id].fade_valueInc) {
								
					fade_array.push(fade_arr);	
						//alert(fade_array);
				} 			
			}	
		}
		else if(FADE_BTN[obj_id]==2){		
			
			count=0;	
			dec_fade[count]=0;		
			img_fade_start[obj_id]=setInterval('input_screen(\''+obj_id+'\',\''+count+'\')',ANIMATION_OPACITY[obj_id].sub_animate_cycle); 	
			
		}else{		
			//alert('un'+FADE_BTN[obj_id]);	
			clearInterval(new_interval[obj_id]);
			clearInterval(img_fade_start[obj_id]);	
			
			
			dec_fade[count]=0;		
			
		//	document.getElementById('t_text').value=document.getElementById(obj_id).style.filter;
			
				var __temp_bv  =document.getElementById(obj_id).style.filter;
					
					//document.getElementById('d_text').value = bv ;
					
					var __temp_val = __temp_bv.slice(14,16);
					
					if(Number(__temp_val) < 100 ){
							
						document.getElementById(obj_id).style.filter="Alpha(opacity=100)";
					}
			
		}	 
	}


	function input_screen(obj_id,count) {		
	
		if(FADE_BTN[obj_id]==2) {			
				
			dec_fade[count]++ ;
		
			if(document.all) {
				
				document.getElementById(obj_id).style.filter="Alpha(opacity="+(Number(fade_array[dec_fade[count]])+0)+")";				
				
			
			}else{
				
								
				document.getElementById(obj_id).style.opacity=((Number(fade_array[dec_fade[count]])+0) / 100 ); 
				//dec_fade[count]++ ;
				//alert(document.getElementById(obj_id).style.opacity);		
				
			}		
		}	
	}