/*
		misc1 JS
	*/
	
	Component.misc1 = {
		
		init: function( args )
		{
			for(var i=args.length-1;i>=0;i--)
			{
				new Component.misc1.create( args[i] );	
			}
		},
		
		create: function( args )
		{
			var button1_object = document.getElementById( args.id + "_button_1" );
			var button2_object = document.getElementById( args.id + "_button_2" );
			var button3_object = document.getElementById( args.id + "_button_3" );
			var imageObject = document.getElementById( args.id + "_image" );
			var componentObject = document.getElementById( args.id );
			
			/*
				Functions
			*/
			
			// Button 1 Events
			Application.event.add( button1_object, "mouseover", function()
																{
																	clearInterval( _timeoutPointer );
																	
																	button1_object.className = "option1_over";
																	button2_object.className = "option2_out";
																	button3_object.className = "option3_out";
																	
																	imageObject.className = 'images option1';
																});
			
			Application.event.add( button1_object, "mouseout", 	function()
																{
																	button1_object.className = "option1_out";
																});
			
			// Button 2 Events
			Application.event.add( button2_object, "mouseover", function()
																{
																	clearInterval( _timeoutPointer );
																	
																	button1_object.className = "option1_out";
																	button2_object.className = "option2_over";
																	button3_object.className = "option3_out";
																	
																	imageObject.className = 'images option2';
																});
			
			Application.event.add( button2_object, "mouseout", 	function()
																{
																	button2_object.className = "option2_out";
																});
			
			// Button 3 Events
			Application.event.add( button3_object, "mouseover", function()
																{
																	clearInterval( _timeoutPointer );
																	
																	button1_object.className = "option1_out";
																	button2_object.className = "option2_out";
																	button3_object.className = "option3_over";
																	
//																	imageObject.className = 'images option3';
																});
			
			Application.event.add( button3_object, "mouseout", 	function()
																{
																	button3_object.className = "option3_out";
																});
			
			var _currentPicture = 1;
			var _timeoutPointer = null;
			var _showPicture = 	function()
								{
									clearInterval( _timeoutPointer );
									
									_timeoutPointer = Application.effects.fade.fadeIn({
																object: imageObject,
																onComplete: function()
																			{
																				_timeoutPointer = setTimeout(	function()
																												{
																													_timeoutPointer = Application.effects.fade.fadeOut({
																																				object: imageObject,
																																				onComplete: function()
																																							{
																																								_currentPicture++;
																																								
																																								if(_currentPicture > 11)
																																								{
																																									_currentPicture = 1;
																																								}
																																								
																																								imageObject.className = 'images option3_' + _currentPicture;
																																								
																																								_showPicture();
																																							}
																																			 });
																												}, 1500);
																			}
															 });
								};
			
			var selectFirst = 	function()
								{
									button3_object.className = "option3_over";
									imageObject.className = 'images option3_' + _currentPicture;
									
									_showPicture();
								}
			
			selectFirst();
			
			// Component Event
			Application.event.add( componentObject, "mouseout",	selectFirst );
		}
		
	};