abaWebsite = new function()
{
	return {
		init: function()
		{
			this.b1m = new Array(5);
			this.b2m = new Array(1);
			this.b3m = new Array(6);
		}
	}

}();

Ext.onReady(function() {
	//create classes
	abaWebsite.init();
	
	var sliding = Ext.get ('sliding');
	var hinge = Ext.get ('hinge');
	var pivot = Ext.get ('pivot');
	
	var elements1 = 5;
	var elements2 = 1;
	var elements3 = 6;
	
	//buttonmenu1
	for(var i=0;i<elements1;i++)
   		{
				//get menus
				abaWebsite.b1m[i] = Ext.get ('s' + (i+1));
				
				abaWebsite.b1m[i].on('click', function(e,a,b,c)
									{
									abaWebsite.b1m[b.btnId].setSize(300,584,true);
									
									for(var j=0;j<elements1;j++)
									if(j==b.btnId){
									}
									else
									{
									abaWebsite.b1m[j].setOpacity(0.30,true)
									}
									
									},this,{btnId:i});
				
				abaWebsite.b1m[i].on('mouseout', function(e,a,b,c)
									{
									abaWebsite.b1m[b.btnId].setSize(133,277,true);
									
									for(var j=0;j<elements1;j++)
									{
									abaWebsite.b1m[j].setOpacity(1.0,true)
									}
									
									
									},this,{btnId:i});
		}

	//buttonmenu2
	for(var i=0;i<elements2;i++)
   		{
				//get menus
				abaWebsite.b2m[i] = Ext.get ('h' + (i+1));
				
				abaWebsite.b2m[i].on('click', function(e,a,b,c){
									  abaWebsite.b2m[b.btnId].setSize(300,584,true);
									  
									for(var j=0;j<elements2;j++)
									if(j==b.btnId){
									}
									else
									{
									abaWebsite.b2m[j].setOpacity(0.30,true)
									}
									  
									  
									  },this,{btnId:i});
				
				abaWebsite.b2m[i].on('mouseout', function(e,a,b,c)
									{
									abaWebsite.b2m[b.btnId].setSize(133,277,true);
									
									for(var j=0;j<elements2;j++)
									{
									abaWebsite.b2m[j].setOpacity(1.0,true)
									}
									
									},this,{btnId:i});
		}
		
	//buttonmenu3
	for(var i=0;i<elements3;i++)
   		{
				//get menus
				abaWebsite.b3m[i] = Ext.get ('p' + (i+1));
				
				abaWebsite.b3m[i].on('click', function(e,a,b,c){
									abaWebsite.b3m[b.btnId].setSize(300,584,true);
									
									for(var j=0;j<elements3;j++)
									if(j==b.btnId){
									}
									else
									{
									abaWebsite.b3m[j].setOpacity(0.30,true)
									}
									
									},this,{btnId:i});

				abaWebsite.b3m[i].on('mouseout', function(e,a,b,c)
									{
									abaWebsite.b3m[b.btnId].setSize(133,277,true);
									
									for(var j=0;j<elements3;j++)
									{
									abaWebsite.b3m[j].setOpacity(1.0,true)
									}
									
									},this,{btnId:i});
		}	

		var t1 = new Ext.ToolTip({target: abaWebsite.b1m[0],
        title: 'Round shape sliding door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t2 = new Ext.ToolTip({target: abaWebsite.b1m[1],
        title: 'Round shape sliding door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });	
		
		var t3 = new Ext.ToolTip({target: abaWebsite.b1m[2],
        title: 'Semicircular sliding door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t4 = new Ext.ToolTip({target: abaWebsite.b1m[3],
        title: 'Corner sliding door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t5 = new Ext.ToolTip({target: abaWebsite.b1m[4],
        title: 'Folding screen sliding door',
        width:175,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t6 = new Ext.ToolTip({target: abaWebsite.b2m[0],
        title: 'Diamond shaped hinge door',
        width:175,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t7 = new Ext.ToolTip({target: abaWebsite.b3m[0],
        title: 'Semicircular pivot door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t8 = new Ext.ToolTip({target: abaWebsite.b3m[1],
        title: 'Diamond shape pivot door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t9 = new Ext.ToolTip({target: abaWebsite.b3m[2],
        title: 'Rectangle pivot door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t10 = new Ext.ToolTip({target: abaWebsite.b3m[3],
        title: 'Bath screen pivot door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t11 = new Ext.ToolTip({target: abaWebsite.b3m[4],
        title: 'Bath screen pivot door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		
		var t12 = new Ext.ToolTip({target: abaWebsite.b3m[5],
        title: 'Bath screen pivot door',
        width:155,
        html: 'Click on me for more info.',
        trackMouse:true
    });
		

    Ext.QuickTips.init();


},Ext.onReady);